Untuk debugging program JavaScript, menggunakan console.log () adalah cara yang lebih baik daripada peringatan (), karena: fungsi peringatan () akan memblokir pelaksanaan program JavaScript, menyebabkan efek samping; Sementara Console.log () hanya mencetak informasi yang relevan di konsol, sehingga tidak akan menyebabkan masalah serupa.
Apa itu console.log ()?
Kecuali beberapa versi browser yang sangat lama, sebagian besar browser saat ini datang dengan fungsi debugging; Bahkan jika tidak ada fungsi debugging, mereka dapat dilengkapi dengan memasang plug-in. Misalnya, versi lama Firefox tidak datang dengan alat debugging. Dalam hal ini, Anda dapat menambahkan fungsi debugging dengan memasang plug-in Firebug. Pada browser dengan fungsi debugging, variabel anggota bernama konsol akan terdaftar di objek jendela, mengacu pada konsol di alat debugging. Dengan memanggil fungsi log () dari objek konsol, Anda dapat mencetak informasi di konsol. Misalnya, kode berikut akan mencetak "Log Sampel" di konsol:
Salinan kode adalah sebagai berikut:
window.console.log ("sampel log");
Kode di atas dapat mengabaikan objek jendela dan secara langsung disingkat sebagai:
Salinan kode adalah sebagai berikut:
console.log ("sampel log");
Console.log () dapat menerima objek string, nomor, dan JavaScript apa pun. Mirip dengan fungsi peringatan (), console.log () juga dapat menerima karakter baru/n dan tab/t.
Informasi debugging yang dicetak dalam pernyataan Console.log () dapat dilihat di konsol debugging browser. Untuk metode tampilan khusus di setiap browser, silakan merujuk ke halaman web berikut:
http://stackoverflow.com/questions/4743730/what-is-console-log-and-how-do-i-suse-it
Perilaku konsol.log () dapat bervariasi di browser yang berbeda. Artikel ini terutama membahas penggunaan konsol.log () di Firebug.
Kompatibel dengan browser tanpa konsol debug
Untuk browser yang lebih tua yang tidak memiliki konsol debug, objek konsol di jendela tidak ada, jadi menggunakan pernyataan Console.log () secara langsung dapat menyebabkan kesalahan (kesalahan penunjuk nol) di dalam browser dan akhirnya menyebabkan kecelakaan di beberapa browser yang lebih tua. Untuk mengatasi masalah ini, Anda dapat secara manual mendefinisikan objek konsol dan menyatakan bahwa fungsi log dari objek konsol adalah fungsi kosong; Dengan cara ini, ketika pernyataan Console.log () dieksekusi, versi lama browser ini tidak akan melakukan apa pun:
Salinan kode adalah sebagai berikut:
if (! window.console) {
window.console = {log: function () {}};
}
Namun, dalam kebanyakan kasus, tidak perlu melakukan pekerjaan kompatibilitas ini - kode debugging seperti Console.log () harus dihapus dari kode produk akhir.
Parameter Penggunaan
Mirip dengan fungsi peringatan (), console.log () juga dapat menerima variabel dan menyambungkannya dengan string lain:
Salinan kode adalah sebagai berikut:
// Gunakan variabel
var name = "bob";
console.log ("Nama adalah:" + nama);
Berbeda dengan fungsi peringatan (), console.log () juga dapat menerima variabel sebagai parameter untuk masuk ke dalam string, dan sintaks spesifiknya konsisten dengan sintaks printf dalam bahasa C:
Salinan kode adalah sebagai berikut:
// Gunakan parameter
var people = "Alex";
var tahun = 42;
console.log (" %s adalah %d tahun.", orang, tahun);
Hasil eksekusi dari kode di atas adalah: "Alex berusia 42 tahun."
Gunakan level log lainnya
Selain console.log (), Firebug juga mendukung berbagai level log yang berbeda: debug, info, peringatan, kesalahan. Kode berikut akan mencetak level log yang berbeda ini di konsol:
Salinan kode adalah sebagai berikut:
// Gunakan level logging yang berbeda
Console.log ("Level Log");
console.debug ("level debug");
console.info ("Level Info");
Console.warn ("Level Warn");
console.error ("level kesalahan");
Dari konsol Firebug, Anda dapat melihat bahwa warna dan ikon informasi pencetakan pada tingkat log yang berbeda berbeda; Pada saat yang sama, Anda dapat memilih level log yang berbeda di konsol untuk memfilter informasi ini: