Mereka menerjemahkan
sebuah artikel oleh Amit Solanka tentang debugging kode JavaScript menggunakan perintah konsol. Menurut penulis, perintah-perintah ini akan membantu secara signifikan meningkatkan produktivitas programmer ketika mencari bug dan menghemat banyak waktu.
Mari kita lihat perintah yang benar-benar dapat menyederhanakan kehidupan programmer mana pun.
Kami mengingatkan Anda: untuk semua pembaca "Habr" - diskon 10.000 rubel saat mendaftar untuk kursus Skillbox apa pun menggunakan kode promo "Habr".
Skillbox merekomendasikan: Kursus online Profesi Pengembang Frontend .
Pengelompokan log menggunakan console.group ('name') dan console.groupEnd ('name')
Perintah konsol console.group ('name') dan console.groupEnd ('name') menyediakan pengelompokan beberapa log yang berbeda menjadi satu pohon drop-down, yang memberikan akses cepat ke salah satu log. Selain itu, perintah ini memungkinkan Anda untuk membuat pohon bersarang untuk pengelompokan berikutnya.
Ada tiga metode secara total. Yang pertama, console.group ('name'), menandai awal dari pengelompokan, yang kedua, console.groupEnd ('name'), menandai akhirnya, dan console.groupCollapsed () membentuk grup dalam mode susunan pohon.
Lacak console.trace ()
Jika programmer membutuhkan setumpuk panggilan fungsi, maka Anda harus menggunakan perintah console.trace (). Contoh bekerja dengannya:
function foo() { function bar() { console.trace(); } bar(); } foo();
Dan hasilnya.
Menghitung panggilan dengan console.count ()
Perintah console.count () memungkinkan Anda untuk menunjukkan berapa kali dipanggil. Penting untuk diingat: jika Anda mengubah baris log yang diberikan kepada tim, hitungan mundur akan menjadi yang baru. Jika diinginkan, Anda dapat mengatur ulang penghitung dengan perintah console.countReset ().
Memulai dan menghentikan timer dengan console.time () dan console.timeEnd ()
Semuanya sederhana di sini. Kedua perintah mengontrol timer, memungkinkan Anda untuk memulai atau menghentikannya. Mereka biasanya digunakan untuk menguji kinerja. Selain itu, jika Anda mau, Anda dapat membuat penghitung waktu tertentu - dalam hal ini, Anda harus meneruskan string ke salah satu perintah.
Ekspresi logis dan console.assert ()
Fungsi console.assert () sangat diperlukan untuk bekerja dengan ekspresi logis. Ini memungkinkan Anda untuk memeriksa apakah ada ekspresi yang salah. Hasilnya dicatat. Pada prinsipnya, Anda dapat menggunakan jika, tetapi konsol lebih nyaman. Contoh bekerja dengan tim:
function greaterThan(a,b) { console.assert(a > b, {"message":"a is not greater than b","a":a,"b":b}); } greaterThan(2,1);
Hasil
Pembuatan profil dengan console.profile ()
Perintah console.profile () memungkinkan Anda menjalankan profil tanpa masalah. Pekerjaan tangan dalam hal ini tidak diperlukan, karena tim melakukan semuanya sendiri.
function thisNeedsToBeProfiled() { console.profile("thisNeedsToBeProfiled()");
Timeline dan console.timeStamp ()
Fitur lain yang bermanfaat, console.timeStamp (), menambahkan stempel waktu untuk acara tertentu. Ini dapat digunakan untuk merekam saat mengembalikan panggilan API atau untuk mencatat waktu penyelesaian pengolahan data. Sebenarnya, ada banyak kasus di sini.
console.timeStamp ('stempel waktu khusus!');
Menghapus konsol.clear konsol ()
Semuanya sederhana di sini. Jika Anda ingin menghapus konsol, gunakan console.clear ().
Konsol properti. Memori
Memungkinkan Anda untuk menampilkan ukuran buffer. Layak menggunakannya jika statistik kinerja tidak terlalu jelas, tetapi tidak ada waktu untuk berkenalan dengan jadwal waktu.
Output tabel dengan console.table ()
Fungsi console.table () memungkinkan Anda menampilkan tabel kecil yang dapat digunakan pengembang untuk berinteraksi. Array digunakan di sini sebagai argumen, harus dilewatkan untuk memanggil.
Sebenarnya, itu saja untuk hari ini. Jika Anda memiliki hack kehidupan debugging Anda sendiri, bagikan dalam komentar - kami akan berterima kasih kepada Anda.
Skillbox merekomendasikan: