Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah konsol JS teratas untuk diketahui sebagai pemula!

Kaedah konsol JS teratas untuk diketahui sebagai pemula!

王林
王林asal
2024-08-16 17:03:201141semak imbas

Top JS console methods to know as a beginner!

Hai kawan, ini siaran komuniti DEV pertama saya. Saya hanya ingin berkongsi beberapa kaedah konsol JS penting yang membantu sebagai pemula dalam Javascript. Harap anda dapat membantu!


API Konsol menyediakan beberapa kaedah untuk mengeluarkan mesej, ralat dan maklumat lain kepada konsol. Berikut ialah beberapa kaedah biasa yang boleh anda gunakan dalam konsol:

console.log()

Mengoutputkan mesej ke konsol. Anda boleh meluluskan satu atau lebih hujah, yang akan digabungkan dengan ruang di antaranya.

Contoh:
console.log('Hello, world!');

console.error()

Mengoutputkan mesej ralat ke konsol. Sama seperti console.log(), tetapi dengan warna merah dan awalan "Ralat".

Contoh:
console.error('Something went wrong!');
console.error(new Error('Invalid input'));

console.warn()

Menghasilkan mesej amaran kepada konsol. Sama seperti console.log(), tetapi dengan warna kuning dan awalan "Amaran".

Contoh:
console.warn('Deprecated function used!');
console.warn('Please update your code');

console.info()

Menghasilkan mesej maklumat kepada konsol. Sama seperti console.log(), tetapi dengan warna biru dan awalan "Maklumat".

Contoh:
console.info('Application started');
console.info('Connected to database');

console.debug()

Menghasilkan mesej nyahpepijat ke konsol. Sama seperti console.log(), tetapi dengan warna kelabu dan awalan "Nyahpepijat".

Perhatikan bahawa kaedah ini hanya tersedia dalam sesetengah penyemak imbas dan persekitaran Node.js.

Contoh:
console.debug('Entering function foo()');
console.debug('Variable x has value:', x);

console.assert()

Menghasilkan mesej ralat ke konsol jika hujah pertama adalah palsu. Berguna untuk nyahpepijat dan ujian.

Contoh:
console.assert(typeof x === 'number', 'x must be a number');
console.assert(y > 0, 'y must be positive');

console.table()

Menghasilkan jadual dengan data yang disediakan. Dalam contoh yang diberikan di bawah, ia akan mengeluarkan indeks, nama & larian

Contoh:
const data = [
  { name: 'John', age: 30 },
  { name: 'Jane', age: 25 },
  { name: 'Bob', age: 40 },
];
console.table(data);

console.clear()

Membersihkan konsol.

Contoh:
console.clear();

console.count()

Mengoutputkan bilangan kali kaedah console.count() dipanggil dengan label yang sama.

Contoh:
console.count('loop iteration');
console.count('loop iteration');
console.count('another label');

console.group() & console.groupEnd()

Console.group() mengeluarkan set kumpulan mesej konsol bersama-sama, menjadikannya lebih mudah untuk dibaca dan nyahpepijat.
Console.groupEnd() mengeluarkan penghujung set kumpulan mesej konsol.

Contoh:
console.group('My group');
console.log('Message 1');
console.log('Message 2');
console.groupEnd();

console.time() & console.timeEnd()

Mengukur masa yang diperlukan untuk melaksanakan blok kod.

Perhatikan bahawa console.timeEnd() adalah perlu kerana pengukuran tidak akan berfungsi tanpa pemasa mula dan pemasa henti.

Contoh:
console.time('myTimer');
// some code here
console.timeEnd('myTimer');

console.trace()

Menghasilkan jejak tindanan ke konsol

Contoh:
console.trace();

Ini adalah kaedah konsol yang paling biasa digunakan. Terdapat beberapa lagi, seperti console.dir() dan console.dirxml(), tetapi ia kurang kerap digunakan.

Ingat, konsol ialah alat yang berkuasa untuk menyahpepijat dan menguji kod anda. Gunakan dengan bijak!

Terima kasih atas masa anda, harap ini berguna!

Atas ialah kandungan terperinci Kaedah konsol JS teratas untuk diketahui sebagai pemula!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn