1. 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. 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. Perilaku Console.log () dapat bervariasi di browser yang berbeda.
2. Kompatibel dengan browser tanpa konsol debugging
Untuk versi lama browser yang tidak memiliki konsol debug, objek konsol di jendela tidak ada, jadi menggunakan pernyataan Console.log () secara langsung dapat menyebabkan kesalahan di dalam browser (kesalahan pointer null) dan akhirnya mengarah pada beberapa kerusakan browser versi lama. Untuk menyelesaikan masalah ini, Anda dapat secara manual mendefinisikan objek konsol dan menyatakan bahwa fungsi log dari objek konsol adalah fungsi kosong; :
Salin kode 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.
3. Gunakan parameter
Mirip dengan fungsi peringatan (), console.log () juga dapat menerima variabel dan menyambungkannya dengan string lain:
Salin kode 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:
Salin kode 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."
4. 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:
Salin kode 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 level log yang berbeda berbeda;