Pertama-tama, saya harus mengakui bahwa saya akan menggunakan platform ini untuk membersihkan kerangka (garis besar) dari lingkungan pengembangan saya. Terkadang, "keajaiban" yang saya lakukan (beberapa menyebutnya "pengkodean") tidak sesempurna yang dilihat oleh rekan-rekan saya ketika mereka menunjukkan hasil yang luar biasa ini. Ya, saya berkata: terkadang, saya menggunakan metode coba-coba kuno, yang kita semua sebut "debugging" :)
Salah satu hal yang saya sukai selama dekade terakhir adalah pengembangan front-end (khususnya Javascrip{filtering}t). Sebagai "pengrajin", saya suka mempelajari alat baru di pasaran. Dalam cerita ini, saya akan memberi Anda beberapa tips hebat dan lebih profesional tentang cara menggunakan konsol "lama".
Ya, kita semua tahu penggunaan dasarnya:
console.log('Halo Dunia!'); Mencatat pesan atau objek ke konsol
console.info('Sesuatu terjadi...'); sama dengan log konsol
console.warn('Sesuatu yang aneh terjadi...'); sama dengan log konsol tetapi mengeluarkan peringatan
console.error('Sesuatu yang mengerikan terjadi...'); sama dengan log konsol tetapi menghasilkan kesalahan
Jadi, saya harap sekarang saya dapat memberi Anda beberapa tips yang tidak Anda ketahui sebelumnya, dan cara bermain yang dapat membuat Anda menjadi debugger yang lebih profesional.
Tip #1 console.trace()
Jika Anda ingin mendapatkan lokasi petunjuk untuk informasi log, Anda dapat menggunakan console.trace() untuk mendapatkan pelacakan tumpukan dengan data log.
Tip #2 console.time() && console.timeEnd()
Jika Anda mencoba menemukan masalah performa yang lebih berbahaya, gunakan console.time() untuk mulai menghitung waktu, lalu gunakan console.timeEnd() untuk mencetak.
Tip #3 konsol.memori
Jika masalah performa Anda lebih rumit dan Anda mencari kebocoran memori tersembunyi, Anda mungkin ingin mencoba dan menggunakan console.memory (yang merupakan properti, bukan fungsi) untuk memeriksa status ukuran tumpukan Anda.
Tip #4 console.profile('profileName') & console.profileEnd('profileName')
Ini bukan pendekatan standar, tetapi didukung secara luas. Anda dapat menggunakan console.profile('profileName') lalu console.profileEnd('profileName') untuk memulai dan mengakhiri alat performa browser - "profil performa" dari kode. Ini akan membantu Anda menganalisis dengan tepat apa yang Anda inginkan dan menghindari Anda mengklik mouse, yang tergantung pada waktu eksekusi program.
Tip #5 console.count("STUFF I COUNT")
Dalam kasus fungsi atau kode berulang, Anda dapat menggunakan console.count('?') untuk menghitung berapa kali kode Anda telah dibaca.
Tip #6 console.assert(false, "Log saya!")
Ya, pengelogan bersyarat tidak membungkus log Anda dengan if-else :)
Anda dapat menggunakan console.assert(condition, msg) untuk mencatat sesuatu ketika kondisinya false.
Penafian: Pada Node.js, ini akan melemparkan Kesalahan Pernyataan!
Tip #7 console.group('group') & console.groupEnd('group')
Setelah menulis begitu banyak log, Anda mungkin ingin mengaturnya. Alat kecil namun berguna adalah console.group() dan console.groupEnd(). Gunakan grup konsol untuk mengatur log konsol bersama-sama, setiap pengelompokan membuat tingkat lain dalam hierarki. Memanggil groupEnd() untuk mengurangi satu tingkat (kembali ke tingkat sebelumnya).
Tip #8 Penggantian senar
Saat mencatat, Anda dapat menggunakan string untuk mengganti variabel penggabungan. Referensi ini adalah (%s = string, %i = bilangan bulat, %o = objek, %f = mengambang).
Tip #9 konsol.jelas()
Jadi, setelah menulis begitu banyak log, saatnya membersihkan konsol Anda.
Tip #10 console.table()
Menurut pendapat saya, ini adalah "permata" yang nyata! Anda dapat menggunakan console.table() untuk mencetak tabel yang sangat indah!
|
Diposting pada 07/08/2018 13.29.40
|
|
|
|
