1. Perintah untuk menampilkan informasi
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<Title> Perintah Konsol Umum </iteme>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
</head>
<body>
<type skrip = "Teks/JavaScript">
console.log ('halo');
console.info ('informasi');
console.error ('error');
console.warn ('peringatan');
</script>
</body>
</html>
Console.log yang paling umum digunakan adalah Console.log.
Dua: Placeholder
Konsentrasi konsol di atas mendukung format placeholder printf. Placeholder yang didukung adalah: karakter (%s), bilangan bulat (%d atau%i), angka titik mengambang (%f) dan objek (%o)
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
console.log (" %d tahun %d bulan %d hari", 2011, 3, 26);
</script>
Memengaruhi:
3. Pengelompokan Informasi
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<Title> Perintah Konsol Umum </iteme>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
</head>
<body>
<type skrip = "Teks/JavaScript">
Console.group ("Grup Informasi Pertama");
Console.log ("Grup Pertama Pertama: XX saya (// www.vevb.com)");
console.log ("Grup pertama 2: xxx (http://vevb.com)");
console.groupend ();
Console.group ("Grup Informasi Kedua");
Console.log ("Grup 1: Penggemar Program QQ Group: 80535344");
Console.log ("Grup Kedua 2: Selamat datang untuk bergabung");
console.groupend ();
</script>
</body>
</html>
Memengaruhi:
4. Lihat informasi objek
Console.dir () dapat menampilkan semua properti dan metode objek.
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
var info = {
Blog: "// www.vevb.com",
QQGroup: 80535344,
Pesan: "Penggemar program menyambut Anda untuk bergabung"
};
Console.dir (info);
</script>
Memengaruhi:
5. Tampilkan konten node
Console.dirxml () digunakan untuk menampilkan kode HTML/XML yang terkandung dalam simpul halaman web.
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<Title> Perintah Konsol Umum </iteme>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
</head>
<body>
<Div id = "info">
<h3> Blog saya: www.ido321.com </h3>
<p> Penggemar program: 259280570, selamat datang untuk bergabung </p>
</div>
<type skrip = "Teks/JavaScript">
var info = document.geteLementById ('info');
console.dirxml (info);
</script>
</body>
</html>
Memengaruhi:
6. Tentukan apakah variabel itu benar
Console.assert () digunakan untuk menentukan apakah suatu ekspresi atau variabel benar. Jika hasilnya tidak, pesan yang sesuai adalah output pada konsol dan pengecualian dilemparkan.
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
Hasil var = 1;
Console.assert (hasil);
var tahun = 2014;
Console.assert (tahun == 2018);
</script>
1 adalah nilai non-0, memang benar; dan penilaian kedua salah, dan pesan kesalahan ditampilkan di konsol
7. Lacak trek panggilan fungsi.
Console.trace () digunakan untuk melacak trek panggilan fungsi.
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
/*Bagaimana fungsi disebut, cukup tambahkan metode console.trace () untuk itu*/
fungsi add (a, b) {
console.trace ();
mengembalikan A+B;
}
var x = add3 (1,1);
fungsi add3 (a, b) {return add2 (a, b);}
fungsi add2 (a, b) {return add1 (a, b);}
fungsi add1 (a, b) {return add (a, b);}
</script>
Informasi Output Konsol:
8. Fungsi Waktu
console.time () dan console.timeEnd () digunakan untuk menampilkan waktu berjalan kode.
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
Console.Time ("Console Timer One");
untuk (var i = 0; i <1000; i ++) {
untuk (var j = 0; j <1000; j ++) {}
}
console.timeend ("Console Timer One");
</script>
Waktu berjalan adalah 38,84ms
9. Analisis Kinerja Console.Profile ()
Analisis Kinerja (Profiler) adalah untuk menganalisis waktu berjalan dari setiap bagian dari program dan mencari tahu bottleneck. Metode yang digunakan adalah console.profile ().
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
function all () {
waspada (11);
untuk (var i = 0; i <10; i ++) {
FUNCA (1000);
}
funcb (10000);
}
fungsi fungca (count) {
untuk (var i = 0; i <count; i ++) {}
}
fungsi funcb (count) {
untuk (var i = 0; i <count; i ++) {}
}
console.profile ('penganalisa kinerja');
Semua();
console.profileEnd ();
</script>
Izinkan saya menjelaskan bahwa selama tes LZ, tidak ada peringatan yang ditambahkan ke semua (), dan bilah kontrol tidak output. Setelah menambahkan, ada tabel analisis kinerja. Alasannya belum jelas. Jika Anda tahu, Anda dapat berkomentar.