Referensi Console API

Sofia Emelianova
Sofia Emelianova

Gunakan Console API untuk menulis pesan ke Konsol dari JavaScript Anda. Lihat Mulai mencatat pesan ke dalam log Konsol untuk mendapatkan pengantar interaktif tentang topik ini.

Lihat Referensi API utilitas Konsol jika Anda mencari metode praktis seperti debug(function) atau monitorEvents(node) yang hanya tersedia dari Konsol.

console.confirm(ekspresi, objek)

Level log: Error

Menulis error ke konsol saat expression dievaluasi ke false.

const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});

Hasil contoh console.confirm() di atas.

console.clear()

Mengosongkan konsol.

console.clear();

Jika Pertahankan Log diaktifkan, console.clear() akan dinonaktifkan.

Atau, Anda dapat Clear the Console dengan mengklik ikon ALT_TEXT_HERE.

console.count([label])

Level log: Info

Menulis berapa kali count() dipanggil pada baris yang sama dan dengan label yang sama. Panggil console.countReset([label]) untuk mereset hitungan.

console.count();
console.count('coffee');
console.count();
console.count();

Hasil dari contoh console.count() di atas.

console.countReset([label])

Mereset hitungan.

console.countReset();
console.countReset('coffee');

console.createTask(name)

Menampilkan instance Task yang mengaitkan stack trace saat ini dengan objek task yang dibuat. Anda nanti dapat menggunakan objek task ini untuk menjalankan fungsi (f dalam contoh berikut). task.run(f) menjalankan payload arbitrer dan meneruskan nilai yang ditampilkan kembali ke pemanggil.

// Task creation
const task = console.createTask(name);

// Task execution
task.run(f); // instead of f();

task membentuk link antara konteks pembuatan dan konteks fungsi asinkron. Link ini memungkinkan DevTools menampilkan stack trace yang lebih baik untuk operasi asinkron. Untuk mengetahui informasi selengkapnya, lihat Stack Trace Tertaut.

console.debug(objek [, objek, ...])

Level log: Verbose

Identik dengan console.log(object [, object, ...]) kecuali level log yang berbeda.

console.debug('debug');

Hasil dari contoh console.debug() di atas.

console.dir(object)

Level log: Info

Mencetak representasi JSON dari objek yang ditentukan.

console.dir(document.head);

Hasil dari contoh console.dir() di atas.

console.dirxml(node)

Level log: Info

Mencetak representasi XML dari turunan node.

console.dirxml(document);

Hasil contoh console.dirxml() di atas.

console.error(objek [, objek, ...])

Level log: Error

Mencetak object ke Konsol, memformatnya sebagai error, dan menyertakan stack trace.

console.error("I'm sorry, Dave. I'm afraid I can't do that.");

Hasil dari contoh console.error() di atas.

console.group(label)

Kelompokkan pesan secara visual hingga console.groupEnd(label) dipanggil. Gunakan console.groupCollapsed(label) untuk menciutkan grup saat grup pertama kali dicatat ke Konsol.

const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);

Hasil dari contoh console.group() di atas.

Selain itu, Anda dapat membuat grup bertingkat.

const timeline1 = 'New York 2012';
const timeline2 = 'Camp Lehigh 1970';
console.group(timeline1);
console.info('Mind');
console.info('Time');
console.group(timeline2);
console.info('Space');
console.info('Extra Pym Particles');
console.groupEnd(timeline2);
console.groupEnd(timeline1);

Grup bertingkat.

console.groupCollapsed(label)

Sama seperti console.group(label), kecuali grup ini awalnya diciutkan saat dicatat ke Konsol ke dalam log.

console.groupEnd(label)

Menghentikan pengelompokan pesan secara visual. Lihat console.group.

console.info(objek [, objek, ...])

Level log: Info

Identik dengan console.log(object [, object, ...]).

console.info('info');

Hasil dari contoh console.info() di atas.

console.log(objek [, objek, ...])

Level log: Info

Mencetak pesan ke Konsol.

console.log('log');

Hasil dari contoh console.log() di atas.

console.table(array [, kolom])

Level log: Info

Mencatat array objek sebagai tabel.

var people = [
  {
    first: 'René',
    last: 'Magritte',
  },
  {
    first: 'Chaim',
    last: 'Soutine',
    birthday: '18930113',
  },
  {
    first: 'Henri',
    last: 'Matisse',
  }
];
console.table(people);

Hasil dari contoh console.table() di atas.

Secara default, console.table() mencatat semua data tabel ke dalam log. Untuk menampilkan kolom tunggal atau subset kolom, Anda dapat menggunakan parameter opsional kedua dan menentukan nama atau nama kolom sebagai string atau array string. Contoh:

console.table(people, ['last', 'birthday']);

Subset kolom dalam tabel yang dicatat dengan console.table().

console.time([label])

Memulai penghitung waktu baru. Panggil console.timeEnd([label]) untuk menghentikan timer dan mencetak waktu yang berlalu ke Konsol.

console.time();
for (var i = 0; i < 100000; i++) {
  let square = i ** 2;
}
console.timeEnd();

Hasil dari contoh console.time() di atas.

console.timeEnd([label])

Level log: Info

Menghentikan timer. Lihat console.time().

console.trace()

Level log: Info

Mencetak stack trace ke Console.

const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();

Hasil dari contoh console.trace() di atas.

console.warning(objek [, objek, ...])

Level log: Warning

Mencetak peringatan ke Konsol.

console.warn('warn');

Hasil contoh console.warning() di atas.