10 Metode Konsol JavaScript yang berguna

10 Metode Konsol JavaScript yang berguna

Metode JavaScript adalah properti yang berisi definisi fungsi. Metode konsol adalah objek yang digunakan untuk mengakses konsol debugging browser. Dengan bantuan metode konsol, kami dapat mencetak pesan, peringatan, dan kesalahan pada konsol browser, yang bermanfaat untuk tujuan debugging.

Konsol pengembang di browser web adalah alat yang mencatat informasi yang terkait dengan halaman web, seperti javascript, permintaan jaringan, dan kesalahan keamanan, dll. Untuk membuka jendela Konsol Pengembang di Google Chrome, gunakan pintasan keyboard Ctrl + Shift + J (di windows) atau Opsi CTRL + + J (di MacOS).

Objek konsol menyediakan beberapa metode untuk digunakan. Dalam tutorial ini, Anda akan mempelajari penggunaannya Metode konsol JavaScript.

  1. CATATAN
  2. Info
  3. MEMPERINGATKAN
  4. KESALAHAN
  5. MENEGASKAN
  6. Count dan Countreset
  7. Waktu, Timelog, dan Timeend
  8. Grup dan Groupend
  9. MEJA
  10. JERNIH

Dalam artikel ini, kami akan membahas 10 metode konsol JavaScript yang berguna yang dapat membantu Anda menulis kode yang lebih efisien dan efektif.

1. Menggunakan 'menghibur.catatan()' metode

Dalam JavaScript, menghibur.catatan() Metode digunakan untuk mencatat atau mencetak pesan ke konsol, yang merupakan alat yang dibangun di sebagian besar browser web dan lingkungan javascript. Konsol adalah alat pengembang yang memungkinkan Anda untuk melihat informasi tentang kode Anda, seperti informasi debug, pesan kesalahan, dan pesan yang dicatat.

Itu menghibur.catatan() Metode mengambil satu atau lebih argumen dan mencatatnya ke konsol. Misalnya, Anda dapat mencatat string seperti ini:

menghibur.log ("halo, dunia!");
1menghibur.log ("halo, dunia!");

Atau Anda dapat mencatat variabel seperti ini:

Biarkan MyNumber = 42; menghibur.log (mynumber);
12Biarkan myNumber = 42; konsol.log (mynumber);

Anda juga dapat mencatat beberapa nilai sekaligus dengan meneruskannya sebagai argumen terpisah:

menghibur.log ("Jawabannya adalah", myNumber);
1menghibur.log ("Jawabannya adalah", myNumber);

Selain string dan variabel logging, Anda juga dapat menggunakan konsol.Metode log () untuk mencatat objek dan array. Misalnya:

Biarkan myObject = name: "John", usia: 42; menghibur.log (myObject); Biarkan myArray = [1, 2, 3, 4, 5]; menghibur.log (myarray);
12345Biarkan myObject = name: "John", usia: 42; konsol.log (myObject); Biarkan myarray = [1, 2, 3, 4, 5]; konsol.log (myarray);

2. Menggunakan 'menghibur.info () ' metode

Itu menghibur.info () Metode dalam JavaScript digunakan untuk mencatat pesan informasi ke konsol. Dibutuhkan satu atau lebih parameter, yang dapat berupa tipe data apa pun, dan mengeluarkan pesan informasi ke konsol dengan ikon "i" biru.

Berikut adalah contoh menggunakan konsol.info ():

const username = 'Johndoe'; menghibur.info ('user $ username login.');
12const username = 'johndoe'; konsol.info ('user $ username login.');

Dalam contoh di atas, menghibur.info () Metode akan mengeluarkan pesan informasi ke konsol yang menunjukkan bahwa pengguna dengan nama pengguna "Johndoe" Apakah sudah masuk.

Itu menghibur.info () Metode berguna untuk mencatat informasi non-kritis atau pembaruan tentang keadaan program. Ini dapat digunakan untuk tujuan debugging atau untuk memberikan konteks tentang eksekusi program.

3. Menggunakan 'menghibur.memperingatkan()' metode

Itu menghibur.memperingatkan() Metode dalam JavaScript digunakan untuk mencatat pesan peringatan ke konsol. Dibutuhkan satu atau lebih parameter, yang dapat berupa tipe data apa pun, dan mengeluarkan pesan peringatan ke konsol dengan ikon peringatan kuning.

Berikut contoh penggunaan menghibur.memperingatkan():

usia const = 17; if (usia < 18) console.warn('User is under 18 years old. Proceed with caution.');
1234usia const = 17; if (usia < 18) console.warn('User is under 18 years old. Proceed with caution.');

Dalam contoh di atas, jika variabel usia kurang dari 18, menghibur.memperingatkan() metode akan menghasilkan pesan peringatan ke konsol.

Penting untuk dicatat itu menghibur.memperingatkan() tidak sama dengan pesan kesalahan. Pesan peringatan menunjukkan bahwa ada masalah potensial yang mungkin tidak penting untuk pengoperasian kode, sedangkan pesan kesalahan menunjukkan bahwa ada masalah kritis yang harus diperbaiki sebelum kode dapat terus berjalan.

4. Menggunakan 'menghibur.kesalahan()' metode

Itu menghibur.kesalahan() Metode dalam JavaScript digunakan untuk mencatat pesan kesalahan ke konsol dengan ikon kesalahan. Itu digunakan untuk menunjukkan bahwa kesalahan atau pengecualian telah terjadi dalam kode, yang dapat menyebabkan aplikasi gagal.

Berikut adalah contoh cara menggunakan menghibur.kesalahan() metode:

const x = 5; const y = 0; coba const result = x / y; menghibur.log ('result: result'); catch (error) konsol.kesalahan (kesalahan);
123456789const x = 5; const y = 0; coba const result = x / y; menghibur.log ('result: result'); catch (error) konsol.error (error);

Dalam contoh ini, kami berusaha membagi nilai X oleh y, yaitu nol. Ini akan menghasilkan a Divisi-oleh-Zero Kesalahan, yang kami tangkap menggunakan blok coba-tangkapan. Konsol.Metode error () kemudian dipanggil, meneruskan objek kesalahan sebagai argumen. Ini akan menghasilkan pesan kesalahan ke konsol dengan ikon kesalahan, bersama dengan jejak tumpukan yang menunjukkan tumpukan panggilan pada saat kesalahan. Menggunakan cOnsole.kesalahan() Metode adalah cara yang efektif untuk men -debug dan memecahkan masalah dalam aplikasi JavaScript.

5. Menggunakan 'menghibur.menegaskan()' metode

Menggunakan menghibur.menegaskan() Metode menulis pesan ke konsol berdasarkan suatu kondisi. Itu mencetak pesan ke konsol hanya jika ekspresi argumen pertama mengevaluasi ke false.

menghibur.menegaskan (dokumen.getElementById ("name"), "tidak ada elemen yang ditemukan dengan 'nama'");
1menghibur.menegaskan (dokumen.getElementById ("name"), "tidak ada elemen yang ditemukan dengan 'nama'");

6. Count dan Countreset

Itu menghibur.menghitung() Metode digunakan untuk menulis pesan di konsol sebagai berapa kali disebut.

untuk (i = 1; i <= 5; i++) console.count();
123untuk (i = 1; i <= 5; i++) console.count();

Secara default itu memberi label pesan dengan "bawaan", Tetapi Anda dapat mengubah label dengan meneruskannya sebagai argumen.

Menggunakan menghibur.Countreset () metode untuk mengatur ulang penghitung, sehingga Anda dapat menggunakannya lagi.

untuk (i = 1; i <= 5; i++) console.count(); console.countreset();
1234untuk (i = 1; i <= 5; i++) console.count();console.countreset();

7. Waktu, Timelog, dan Timeend

Menggunakan menghibur.waktu() berfungsi untuk memulai timer untuk melacak berapa lama operasi yang dibutuhkan. Sebelum mulai mengoperasikan fungsi waktu penggunaan untuk memulai timer dan menggunakan konsol.Fungsi timeend () Setelah operasi selesai. Dengan bantuan ini, Anda dapat menemukan waktu yang dibutuhkan dengan operasi tertentu dengan aplikasi.

Anda juga bisa menggunakan menghibur.timelog () Untuk mencetak waktu saat ini dalam kode Anda. Ini tidak akan memulai atau mengakhiri timer apa pun, hanya mencetak cap waktu saat ini.

menghibur.waktu ("Jawab Waktu"); // blok kode lainnya konsol.Timelog ("Jawab Waktu"); // blok kode lainnya konsol.Timeend ("Jawab Waktu");
12345menghibur.waktu ("Jawab Waktu"); // Blok Codesconsole Lainnya.timelog ("jawab waktu"); // blok codesconsole lainnya.Timeend ("Jawab Waktu");

8. Grup dan Groupend

Menggunakan menghibur.kelompok() Fungsi untuk membuat kelompok pesan di konsol browser. Ini akan mulai mengelompokkan pesan di sebelahnya. Lalu gunakan menghibur.pengelompokan() fungsi untuk mengakhiri grup yang dimulai tepat sebelumnya.

menghibur.log ("Ini adalah level luar"); menghibur.grup ("grup pertama"); menghibur.log ("dalam grup pertama"); menghibur.grup ("grup kedua"); menghibur.log ("Dalam grup kedua di bawah grup pertama"); menghibur.Warn ("Masih dalam kelompok kedua"); menghibur.groupend (); menghibur.log ("kembali ke grup pertama"); menghibur.groupend (); menghibur.debug ("kembali ke level luar");
12345678910menghibur.log ("Ini adalah level luar"); konsol.grup ("grup pertama"); konsol.log ("dalam grup pertama"); konsol.grup ("grup kedua"); konsol.log ("Dalam grup kedua di bawah grup pertama"); konsol.peringatkan ("masih dalam kelompok kedua"); konsol.groupend (); konsol.log ("kembali ke grup pertama"); konsol.groupend (); konsol.debug ("kembali ke level luar");

9. MEJA

Menggunakan menghibur.meja() metode untuk mencetak objek dalam bentuk tabel di konsol browser.

menghibur.Tabel ('id': 1001, 'name': 'Tecadmin.bersih');
1menghibur.Tabel ('id': 1001, 'name': 'Tecadmin.bersih');

10. JERNIH

Konsol Javascript.Metode Clear () digunakan untuk menghapus jendela konsol dari alat pengembang browser. Ini menghapus semua pesan yang sebelumnya dicatat dan output lain yang sebelumnya ditampilkan di konsol, membuat jendela konsol kosong dan siap untuk pesan baru.

menghibur.jernih();
1menghibur.jernih();

Metode ini biasanya digunakan untuk membersihkan output konsol saat Anda ingin fokus pada satu set pesan tertentu atau saat Anda ingin menghapus kekacauan dari jendela konsol. Ini dapat dipanggil dari konsol browser atau dari kode JavaScript yang berjalan di halaman.

Kesimpulan

Sebagai kesimpulan, metode konsol JavaScript adalah serangkaian alat yang kuat yang dapat membantu Anda men -debug dan mengoptimalkan aplikasi web Anda. Dengan menggunakan metode ini, Anda dapat dengan mudah memeriksa dan memanipulasi objek, mengukur kinerja, dan mencatat pesan ke konsol. Apakah Anda seorang pemula atau pengembang yang berpengalaman, metode ini sangat penting untuk membangun aplikasi yang kuat dan efisien. Kami berharap artikel ini telah memberi Anda gambaran umum yang berguna tentang metode ini dan telah menginspirasi Anda untuk menjelajahinya lebih jauh dalam proyek Anda sendiri.