1. Perintah untuk memaparkan maklumat Salin kod Kod adalah seperti berikut: Perintah konsol biasa <br> console.log('hello');<br> console.info('maklumat');<br> console.error('error');<br> console.warn('warning');<br> </skrip><br> </body><br> </html><br> </div> <p>Yang paling biasa digunakan ialah console.log. <br> </p> <p><strong>2: Pemegang tempat</strong><br> <br> Kepekatan konsol di atas menyokong format pemegang tempat printf Pemegang tempat yang disokong ialah: aksara (%s), integer (%d atau %i), nombor titik terapung (%f) dan objek (%o) <br>. <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="61753" class="copybut" id="copybut61753" onclick="doCopy('code61753')"><u>Salin kod</u></a></span> Kod adalah seperti berikut:</div> <div class="codebody" id="code61753"> <br> <script type="text/javascript"><br> console.log("%d tahun %d bulan %d hari",2011,3,26);<br> </skrip><br> </div> <br> Kesan: <br> <p><img src="http://files.jb51.net/file_images/article/201410/201410211153151.jpg" alt=""></p> <p>3. Pengumpulan Maklumat<br> <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="39726" class="copybut" id="copybut39726" onclick="doCopy('code39726')"><u>Salin kod</u></a></span> Kod adalah seperti berikut:</div> <div class="codebody" id="code39726"> <br> <!DOCTYPE html><br> <html><br> <kepala><br> <title>Perintah konsol biasa</title><br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br> </head><br> <badan><br> <script type="text/javascript"><br> console.group("Kumpulan maklumat pertama"); <p> console.log("Item pertama dalam kumpulan pertama: XX Saya (<a href="http://www.jb51.net/">http://www.jb51.net</a>)");</p> <p> console.log("Item kedua dalam kumpulan pertama: xxx(<a href="http://jb51.net/">http://jb51.net</a>)");</p> <p> console.groupEnd();</p> <p> console.group("Kumpulan maklumat kedua");</p> <p> console.log("Kumpulan Kedua 1: Kumpulan QQ Peminat Program: 80535344"); </p> console.log("Kumpulan Kedua 2: Selamat menyertai"); <p> console.groupEnd();</p> </skrip><p> </body><br> </html><br> <br><br> </p> </div>Kesan: <p> <br></p> <p> <img src="http://files.jb51.net/file_images/article/201410/201410211153162.jpg" alt=""> <br>4. Lihat maklumat objek</p> <p> console.dir() boleh memaparkan semua sifat dan kaedah sesuatu objek. <br> <br> <br><br></p> <div class="codetitle"><span>Salin kod<a style="CURSOR: pointer" data="79247" class="copybut" id="copybut79247" onclick="doCopy('code79247')"><u></u> Kod adalah seperti berikut:</a></span></div> <script type="text/javascript"><div class="codebody" id="code79247"> var info = {<br> blog:"<br>http://www.jb51.net<br>",<a href="http://www.jb51.net/"> Kumpulan QQ:80535344,</a> mesej:"Penggemar program mengalu-alukan anda untuk menyertai"<br> };<br> console.dir(info);<br> </skrip><br> <br><br> </div>Kesan: <p> <br></p> <p> <img src="http://files.jb51.net/file_images/article/201410/201410211153163.jpg" alt="">5. Paparkan kandungan nod</p> <p> console.dirxml() digunakan untuk memaparkan kod html/xml yang terkandung dalam nod halaman web. <br> <br> <br><br></p> <div class="codetitle"><span>Salin kod<a style="CURSOR: pointer" data="60684" class="copybut" id="copybut60684" onclick="doCopy('code60684')"><u></u> Kod adalah seperti berikut:</a><div class="codebody" id="code60684"> <br> <!DOCTYPE html><br> <html><br> <kepala><br> <title>Perintah konsol biasa</title><br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br> </head><br> <badan><br> <div id="info"><br> <h3>Blog saya: <a href="http://www.ido321.com</h3">www.ido321.com</h3</a>><br> <p>Peminat program: 259280570, dialu-alukan untuk menyertai</p><br> </div><br> <script type="text/javascript"><br> var info = document.getElementById('info');<br> console.dirxml(info);<br> </skrip><br> </body><br> </html><br> </a> </div> <p>Kesan: <br> </p> <p><img src="http://files.jb51.net/file_images/article/201410/201410211153164.jpg" alt=""><br> </p> <p>6. Tentukan sama ada pembolehubah itu benar<br> <br> console.assert() digunakan untuk menentukan sama ada ungkapan atau pembolehubah adalah benar. Jika hasilnya tidak, mesej yang sepadan akan dikeluarkan ke konsol dan pengecualian dilemparkan. <br> <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="42931" class="copybut" id="copybut42931" onclick="doCopy('code42931')"><u>Salin kod</u></a></span> Kod adalah seperti berikut:</div> <div class="codebody" id="code42931"> <br> <script type="text/javascript"><br> hasil var = 1;<br> console.assert(hasil);<br> var tahun = 2014;<br> console.assert(tahun == 2018);<br> </skrip><br> </div> <p>1 ialah nilai bukan sifar, yang benar; manakala penghakiman kedua adalah palsu, mesej ralat dipaparkan pada konsol <br> </p> <p><img src="http://files.jb51.net/file_images/article/201410/201410211153175.jpg" alt=""></p> <p>7. Jejaki jejak panggilan fungsi. <br> <br> console.trace() digunakan untuk mengesan jejak panggilan fungsi. <br> <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="69634" class="copybut" id="copybut69634" onclick="doCopy('code69634')"><u>Salin kod</u></a></span> Kod adalah seperti berikut:</div> <div class="codebody" id="code69634"> <br> <script type="text/javascript"><br> /*Bagaimana fungsi dipanggil, cuma tambah kaedah console.trace()*/<br> fungsi tambah(a,b){<br> console.trace();<br> kembali a b;<br> }<br> var x = add3(1,1);<br> fungsi add3(a,b){return add2(a,b);}<br> fungsi add2(a,b){return add1(a,b);}<br> fungsi add1(a,b){return add(a,b);}<br> </skrip><br> </div> <p>Maklumat output konsol: <br> </p> <p><img src="http://files.jb51.net/file_images/article/201410/201410211153176.jpg" alt=""><br> </p> <p>8. Fungsi pemasaan<br> <br> console.time() dan console.timeEnd() digunakan untuk memaparkan masa berjalan kod. <br> <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="89524" class="copybut" id="copybut89524" onclick="doCopy('code89524')"><u>Salin kod</u></a></span> Kod adalah seperti berikut:</div> <div class="codebody" id="code89524"> <br> <script type="text/javascript"><br> console.time("Pemasa konsol satu");<br> untuk(var i=0;i<1000;i){<br> untuk(var j=0;j<1000;j ){}<br> }<br> console.timeEnd("Pemasa konsol satu");<br> </skrip><br> </div> <p>Masa berjalan ialah 38.84ms</p> <p><img src="http://files.jb51.net/file_images/article/201410/201410211153187.jpg" alt=""><br> </p> <p>9. Analisis prestasi console.profile()<br> <br> Analisis prestasi (Profiler) adalah untuk menganalisis masa berjalan setiap bahagian program dan mengetahui di mana kesesakan Kaedah yang digunakan ialah console.profile(). <br> <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="56412" class="copybut" id="copybut56412" onclick="doCopy('code56412')"><u>Salin kod</u></a></span> Kod adalah seperti berikut:</div> <div class="codebody" id="code56412"> <br> <script type="text/javascript"><br> fungsi Semua(){<br> makluman(11);<br> untuk(var i=0;i<10;i){<br> funcA(1000);<br> }<br> funcB(10000);<br> } <p> Fungsi funcA(count){<br> untuk(var i=0;i<count;i){}<br> }</p> <p> Fungsi fungsiB(kiraan){<br> untuk(var i=0;i<count;i){}<br> }</p> <p> console.profile('Penganalisis Prestasi');<br> Semua();<br> console.profileEnd();<br> </skrip><br> </p> </div> <p>Jelaskan bahawa semasa ujian LZ, amaran tidak ditambahkan pada All(), dan bar kawalan tidak mempunyai output Selepas menambahnya, terdapat jadual analisis prestasi Sebabnya masih belum jelas boleh komen. </p> <p><img src="http://files.jb51.net/file_images/article/201410/201410211153188.jpg" alt=""></p></span></div>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
