Kaedah konsol JS teratas untuk diketahui sebagai pemula!

王林
Lepaskan: 2024-08-16 17:03:20
asal
1161 orang telah melayarinya

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!');
Salin selepas log masuk

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'));
Salin selepas log masuk

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');
Salin selepas log masuk

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');
Salin selepas log masuk

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);
Salin selepas log masuk

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');
Salin selepas log masuk

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);
Salin selepas log masuk

console.clear()

Membersihkan konsol.

Contoh:
console.clear();
Salin selepas log masuk

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');
Salin selepas log masuk

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();
Salin selepas log masuk

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');
Salin selepas log masuk

console.trace()

Menghasilkan jejak tindanan ke konsol

Contoh:
console.trace();
Salin selepas log masuk

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!

sumber:dev.to
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!