Referensi Console API

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

Gunakan Console API untuk menulis pesan ke Konsol dari JavaScript Anda. Lihat Memulai pencatatan pesan log ke Konsol untuk mengetahui pengantar interaktif tentang topik ini.

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

console.assert(expression, object)

Tingkat log: Error

Menulis sebuah 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.assert() di atas.

console.clear()

Menghapus konsol.

console.clear();

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

Atau, Anda dapat Menghapus Konsol dengan mengklik ikon ALT_TEXT_HERE.

console.count([label])

Tingkat log: Info

Menulis jumlah waktu count() telah dipanggil pada baris yang sama dan dengan label yang sama. Panggil console.countReset([label]) untuk mereset jumlah.

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

Hasil contoh console.count() di atas.

console.countReset([label])

Mereset jumlah.

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

console.createTask(name)

Menampilkan instance Task yang mengaitkan stack trace saat ini dengan objek task yang dibuat. Anda dapat menggunakan objek task ini nanti 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(object [, object, ...])

Tingkat log: Verbose

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

console.debug('debug');

Hasil contoh console.debug() di atas.

console.dir(object)

Tingkat log: Info

Mencetak representasi JSON dari objek yang ditentukan.

console.dir(document.head);

Hasil contoh console.dir() di atas.

console.dirxml(node)

Tingkat log: Info

Mencetak representasi XML dari turunan node.

console.dirxml(document);

Hasil contoh console.dirxml() di atas.

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

Tingkat 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 contoh console.error() di atas.

console.group(label)

Mengelompokkan pesan secara visual hingga console.groupEnd(label) dipanggil. Gunakan console.groupCollapsed(label) untuk menciutkan grup saat 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 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 awalnya diciutkan saat dicatat ke Konsol.

console.groupEnd(label)

Berhenti mengelompokkan pesan secara visual. Lihat console.group.

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

Tingkat log: Info

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

console.info('info');

Hasil contoh console.info() di atas.

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

Tingkat log: Info

Mencetak pesan ke Konsol.

console.log('log');

Hasil contoh console.log() di atas.

console.table(array [, columns])

Tingkat 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 contoh console.table() di atas.

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

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

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

Untuk menyalin tabel yang dicatat ke papan klip sebagai tabel Markdown yang diformat atau data CSV, klik kanan tabel di Konsol , lalu pilih opsi salin yang sesuai dari menu konteks.

console.time([label])

Memulai timer 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 contoh console.time() di atas.

console.timeEnd([label])

Tingkat log: Info

Menghentikan timer. Lihat console.time().

console.trace()

Tingkat log: Info

Mencetak stack trace ke Konsol.

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

Hasil contoh console.trace() di atas.

console.warn(object [, object, ...])

Tingkat log: Warning

Mencetak peringatan ke Konsol.

console.warn('warn');

Hasil contoh console.warn() di atas.