10 Kaedah Konsol JavaScript Berguna
- 2586
- 512
- Dave Kreiger V
Kaedah JavaScript adalah harta yang mengandungi definisi fungsi. Kaedah Konsol adalah objek yang digunakan untuk mengakses Konsol Penyebaran Penyemak imbas. Dengan bantuan kaedah konsol, kita boleh mencetak mesej, amaran, dan kesilapan kepada konsol penyemak imbas, yang berguna untuk tujuan debugging.
Konsol pemaju dalam pelayar web adalah alat yang log maklumat yang berkaitan dengan laman web, seperti JavaScript, permintaan rangkaian, dan kesilapan keselamatan, dan lain -lain. Untuk membuka tetingkap Konsol Pemaju di Google Chrome, gunakan pintasan papan kekunci Ctrl + shift + j (di tingkap) atau Pilihan ctrl + + j (di macOS).
Objek konsol menyediakan pelbagai kaedah untuk digunakan. Dalam tutorial ini, anda akan mempelajari kegunaan Kaedah konsol JavaScript.
- Log
- Maklumat
- Memberi amaran
- Ralat
- Menegaskan
- Kira dan Countreset
- Masa, Timelog dan Timeend
- Kumpulan dan kumpulan
- Jadual
- Jelas
Dalam artikel ini, kami akan membincangkan 10 kaedah konsol JavaScript yang berguna yang dapat membantu anda menulis kod yang lebih cekap dan berkesan.
1. Menggunakan 'Konsol.log () ' Kaedah
Di JavaScript, konsol.log () Kaedah digunakan untuk log atau mencetak mesej ke konsol, yang merupakan alat yang dibina ke dalam kebanyakan pelayar web dan persekitaran JavaScript. Konsol adalah alat pemaju yang membolehkan anda melihat maklumat mengenai kod anda, seperti maklumat debug, mesej ralat, dan mesej log.
The konsol.log () kaedah mengambil satu atau lebih argumen dan log mereka ke konsol. Sebagai contoh, anda boleh log rentetan seperti ini:
| 1 | konsol.log ("Hello, dunia!"); |
Atau anda boleh log pembolehubah seperti ini:
biarkan myNumber = 42; konsol.log (myNumber);| 12 | Biarkan myNumber = 42; konsol.log (myNumber); |
Anda juga boleh log nilai berbilang sekaligus dengan meluluskannya sebagai hujah yang berasingan:
konsol.log ("Jawapannya", myNumber);| 1 | konsol.log ("Jawapannya", myNumber); |
Selain rentetan dan pembolehubah pembalakan, anda juga boleh menggunakan konsol.log () kaedah untuk log objek dan tatasusunan. Sebagai contoh:
Biarkan myObject = name: "John", umur: 42; konsol.log (myObject); biarkan myArray = [1, 2, 3, 4, 5]; konsol.log (myArray);| 12345 | Biarkan myObject = name: "John", umur: 42; konsol.log (myObject); Biarkan MyArray = [1, 2, 3, 4, 5]; Konsol.log (myArray); |
2. Menggunakan 'Konsol.info () ' Kaedah
The konsol.Maklumat () Kaedah dalam JavaScript digunakan untuk log mesej maklumat ke konsol. Ia memerlukan satu atau lebih parameter, yang boleh menjadi jenis data, dan mengeluarkan mesej maklumat kepada konsol dengan ikon biru "i".
Inilah contoh menggunakan konsol.info ():
const username = 'Johndoe'; konsol.info ('pengguna $ username dilog masuk.');| 12 | const username = 'Johndoe'; konsol.info ('pengguna $ username dilog masuk.'); |
Dalam contoh di atas, konsol.Maklumat () kaedah akan mengeluarkan mesej maklumat kepada konsol yang menunjukkan bahawa pengguna dengan nama pengguna "Johndoe" dilog masuk.
The konsol.Maklumat () Kaedah berguna untuk pembalakan maklumat atau kemas kini yang tidak kritikal mengenai keadaan program. Ia boleh digunakan untuk tujuan debug atau untuk memberikan konteks mengenai pelaksanaan program.
3. Menggunakan 'Konsol.memberi amaran () ' Kaedah
The konsol.memberi amaran () Kaedah dalam JavaScript digunakan untuk log mesej amaran ke konsol. Ia memerlukan satu atau lebih parameter, yang boleh menjadi jenis data, dan mengeluarkan mesej amaran ke konsol dengan ikon amaran kuning.
Inilah contoh menggunakan konsol.memberi amaran ():
| 1234 | Const Age = 17; jika (umur < 18) console.warn('User is under 18 years old. Proceed with caution.'); |
Dalam contoh di atas, jika pemboleh ubah umur kurang dari 18, konsol.memberi amaran () kaedah akan mengeluarkan mesej amaran ke konsol.
Penting untuk diperhatikan bahawa konsol.memberi amaran () tidak sama dengan mesej ralat. Mesej amaran menunjukkan bahawa terdapat isu yang berpotensi yang mungkin tidak penting untuk operasi kod, sedangkan mesej ralat menunjukkan bahawa terdapat isu kritikal yang mesti diperbaiki sebelum kod itu dapat terus berjalan.
4. Menggunakan 'Konsol.ralat () ' Kaedah
The konsol.ralat () Kaedah dalam JavaScript digunakan untuk log mesej ralat ke konsol dengan ikon ralat. Ia digunakan untuk menunjukkan bahawa ralat atau pengecualian telah berlaku dalam kod, yang boleh menyebabkan permohonan gagal.
Inilah contoh cara menggunakan konsol.ralat () Kaedah:
| 123456789 | const x = 5; const y = 0; cuba const result = x / y; konsol.log ('hasil: result'); tangkapan (ralat) konsol.ralat (ralat); |
Dalam contoh ini, kita cuba membahagikan nilai x oleh y, yang sifar. Ini akan menghasilkan a Bahagian-oleh-Zero ralat, yang kami tangkap menggunakan blok percubaan. Konsol.Kaedah ralat () kemudian dipanggil, lulus objek ralat sebagai hujah. Ini akan mengeluarkan mesej ralat ke konsol dengan ikon ralat, bersama dengan jejak timbunan yang menunjukkan timbunan panggilan pada masa ralat. Menggunakan console.ralat () Kaedah adalah cara yang berkesan untuk menyahpepijat dan menyelesaikan kesilapan dalam aplikasi JavaScript.
5. Menggunakan 'Konsol.menegaskan () ' Kaedah
Gunakan konsol.menegaskan () kaedah menulis mesej ke konsol berdasarkan keadaan. Ia mencetak mesej untuk konsol hanya jika ungkapan argumen pertama menilai palsu.
| 1 | konsol.menegaskan (dokumen.getElementById ("Nama"), "Tidak ada elemen yang dijumpai dengan nama 'id'"); |
6. Kira dan Countreset
The konsol.kiraan () kaedah digunakan untuk menulis mesej di konsol sebagai bilangan kali ia dipanggil.
| 123 | untuk (i = 1; i <= 5; i++) console.count(); |
Secara lalai ia melabelkan mesej dengan "Lalai", Tetapi anda boleh menukar label dengan menyampaikannya sebagai hujah.
Gunakan konsol.Countreset () kaedah untuk menetapkan semula kaunter, jadi anda boleh menggunakannya lagi.
untuk (i = 1; i <= 5; i++) console.count(); console.countreset();| 1234 | untuk (i = 1; i <= 5; i++) console.count();console.countreset(); |
7. Masa, Timelog dan Timeend
Gunakan konsol.masa() berfungsi untuk memulakan pemasa untuk mengesan berapa lama operasi diperlukan. Sebelum memulakan fungsi masa penggunaan operasi untuk memulakan pemasa dan gunakan konsol.Timeend () berfungsi sebaik sahaja operasi selesai. Dengan bantuan ini, anda dapat mencari masa yang diambil oleh operasi tertentu oleh aplikasi.
Anda juga boleh menggunakan konsol.Timelog () Untuk mencetak masa semasa dalam kod anda. Ini tidak akan memulakan atau menamatkan pemasa, hanya cetak cap waktu semasa.
| 12345 | konsol.masa ("masa jawapan"); // blok lain codesconsole.Timelog ("Masa Jawapan"); // Blok Codesconsole Lain.TimeEnd ("Masa Jawab"); |
8. Kumpulan dan kumpulan
Menggunakan konsol.kumpulan() berfungsi untuk membuat kumpulan mesej pada konsol penyemak imbas. Ini akan mula mengumpulkan mesej di sebelahnya. Kemudian gunakan konsol.pengumpulan () berfungsi untuk mengakhiri kumpulan yang bermula sebelum ini.
| 12345678910 | konsol.log ("Ini adalah tahap luar"); konsol.kumpulan ("kumpulan pertama"); konsol.log ("dalam kumpulan pertama"); konsol.kumpulan ("kumpulan kedua"); konsol.log ("dalam kumpulan kedua di bawah kumpulan pertama"); konsol.memberi amaran ("masih dalam kumpulan kedua"); konsol.kumpulan (); konsol.log ("Kembali ke kumpulan pertama"); Konsol.kumpulan (); konsol.debug ("kembali ke peringkat luar"); |
9. Jadual
Gunakan konsol.Jadual () kaedah untuk mencetak objek dalam bentuk jadual pada konsol penyemak imbas.
| 1 | konsol.jadual ('id': 1001, 'name': 'tecadmin.bersih '); |
10. Jelas
Konsol JavaScript.Kaedah jelas () digunakan untuk membersihkan tetingkap konsol alat pemaju penyemak imbas. Ia memadamkan semua mesej yang telah dilog sebelumnya dan output lain yang sebelum ini dipaparkan di konsol, menjadikan tetingkap konsol kosong dan siap untuk mesej baru.
konsol.jelas ();| 1 | konsol.jelas (); |
Kaedah ini biasanya digunakan untuk membersihkan output konsol apabila anda ingin memberi tumpuan kepada satu set mesej tertentu atau apabila anda ingin mengeluarkan kekacauan dari tetingkap konsol. Ia boleh dipanggil dari konsol penyemak imbas atau dari kod javascript yang berjalan di halaman.
Kesimpulan
Kesimpulannya, kaedah konsol JavaScript adalah satu set alat yang kuat yang dapat membantu anda untuk debug dan mengoptimumkan aplikasi web anda. Dengan menggunakan kaedah ini, anda boleh memeriksa dan memanipulasi objek dengan mudah, mengukur prestasi, dan log mesej ke konsol. Sama ada anda pemula atau pemaju yang berpengalaman, kaedah ini penting untuk membina aplikasi yang mantap dan cekap. Kami berharap artikel ini memberi anda gambaran keseluruhan kaedah ini dan telah memberi inspirasi kepada anda untuk meneroka mereka lebih jauh dalam projek anda sendiri.
- « (Diselesaikan) Perintah apt-add-repository tidak dijumpai-Ubuntu & Debian
- Cara Memasang NVM di Debian 9 »