1. Perintah untuk menampilkan informasi
Kodenya adalah sebagai berikut:
<! Doctype html> <html> <head> <title> Perintah konsol umum </iteme> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <tempr type = "text/javascript"> console.log ('hello'); 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)
Kodenya adalah sebagai berikut:
<type skrip = "text/javascript"> console.log (" %d tahun %d bulan %d hari", 2016, 8, 20); </script>Memengaruhi:
3. Pengelompokan Informasi
Kodenya adalah sebagai berikut:
<! Doctype html> <html> <head> <title> Perintah konsol umum </itement> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <cript type = "text/javascript"> console.group ("grup pertama"; console.log ("Item grup pertama 1: blog teknis saya (https://segmentfault.com/u/learnme)"); console.log ("Item grup pertama 2: github saya (https://github.com/specialcoder/)"); console.groupend (); Console.group ("Informasi Grup Kedua"); Console.log ("Grup Kedua Pertama: Penggemar Program"); Console.log ("Grup Kedua Kedua: Selamat datang untuk bergabung"); console.groupend (); </script> </body> </html>Memengaruhi:
4. Lihat informasi objek
Console.dir () dapat menampilkan semua properti dan metode objek.
Kodenya adalah sebagai berikut:
<type script = "Text/JavaScript"> var info = {blog: "https://segmentfault.com/u/learnme/", github: "https://github.com/specialcoder/", pesan: "Penggemar program menyambut Anda untuk bergabung"}; konsol.dir (info);.Memengaruhi:
5. Tampilkan konten node
Console.dirxml () digunakan untuk menampilkan kode HTML/XML yang terkandung dalam simpul halaman web.
Kodenya adalah sebagai berikut:
<! Doctype html> <html> <head> <title> Perintah konsol umum </itement> <meta http-equiv = "konten-tipe" content = "text/html; charset = utf-8"/> </heads/<dveR = "info"> <h3> Blog saya: https:/pavogray/spaul. Anda dipersilakan untuk bergabung dengan </p> </div> <script type = "text/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.
Assert adalah fitur yang baik untuk memastikan kebenaran program. Di browser dengan alat debugging, fitur ini dapat diimplementasikan dengan memanggil Console.assert ().
Kodenya adalah sebagai berikut:
<script type = "text/javascript"> var result = 1; Console.assert (hasil); var tahun = 2014; Console.assert (tahun === 2018, "Pernyataan Gagal"); </script>
Dalam pernyataan Console.assert (), parameter pertama adalah hasil dari menegaskan yang perlu dilakukan, yang seharusnya benar dalam keadaan normal; Parameter kedua adalah pesan kesalahan yang dicetak pada konsol saat kesalahan terjadi.
1 adalah nilai non-0, memang benar; dan penilaian kedua salah, dan pesan kesalahan ditampilkan di konsol
Menunjukkan hasil:
7. Lacak trek panggilan fungsi
Console.trace () digunakan untuk melacak trek panggilan fungsi.
Kodenya adalah sebagai berikut:
<script type = "text/javascript">//*Bagaimana fungsi disebut, cukup tambahkan metode console.trace () untuk itu*/function add (a, b) {console.trace (); mengembalikan A+B; } var x = add3 (1,1); fungsi add3 (a, b) {return add2 (a, b);} function add2 (a, b) {return add1 (a, b);} function add1 (a, b) {return add (a, b);} </skrip>Informasi Output Konsol:
8. Fungsi Waktu
console.time () dan console.timeEnd () digunakan untuk menampilkan waktu berjalan kode.
Kodenya adalah sebagai berikut:
<script type = "text/javascript"> console.time ("Count 1000*1000"); untuk (var i = 0; i <1000; i ++) {for (var j = 0; j <1000; j ++) {}} konsol.timeEnd ("Hitung 1000*1000"); </skrip>Waktu berjalan adalah 10,64ms
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 ().
Kodenya adalah sebagai berikut:
<script type = "text/javaScript"> function all () {alert (11); untuk (var i = 0; i <10; i ++) {fungca (1000);} funcb (10000); } function fungca (count) {for (var i = 0; i <count; i ++) {}} funcb fungsi (count) {for (var i = 0; i <count; i ++) {}} console.profile ('Performance Analyzer'); 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.