Don't forget the Chrome Dev Summit, starting Monday at 10:00am (Pacific) and streaming live on YouTube. Schedule.

Referensi Console API

Gunakan Console API untuk menulis informasi ke konsol, membuat profil JavaScript, dan memulai sesi debug.

console.assert(expression, object)

Menulis kesalahan ke konsol bila hasil evaluasi ekspresi adalah false.

function greaterThan(a,b) {
  console.assert(a > b, {"message":"a is not greater than b","a":a,"b":b});
}
greaterThan(5,6);

contoh console.assert()

console.clear()

Mengosongkan konsol.

console.clear();

Jika kotak centang Preserve log diaktifkan, console.clear() dinonaktifkan. Akan tetapi, menekan tombol clear console (tombol clear console) atau mengetikkan pintasan Ctrl+L saat Console yang sedang fokus masih berfungsi.

Lihat Mengosongkan konsol untuk informasi selengkapnya.

console.count(label)

Menuliskan berapa kali count() telah dipanggil pada baris yang sama dan dengan label yang sama.

function login(name) {
  console.count(name + ' logged in');
}

contoh console.count()

Lihat Menghitung Eksekusi Pernyataan untuk contoh lain.

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

Identik dengan console.log().

console.dir(object)

Mencetak representasi JavaScript untuk objek yang ditetapkan. Jika objek yang akan di-log adalah elemen HTML, maka properti dari representasi DOM-nya akan dicetak, seperti yang ditampilkan di bawah ini:

console.dir(document.body);

contoh klzzwxh:0018

Pelajari tentang formatter objek yang setara secara fungsional (%O) dan lainnya di Substitusi dan pemformatan string.

console.dirxml(object)

Mencetak representasi XML dari elemen turunan object jika memungkinkan, atau representasi JavaScript jika tidak. Memanggil console.dirxml() pada elemen HTML dan XML sama dengan memanggil console.log().

console.dirxml(document);

contoh console.dirxml()

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

Mencetak pesan yang serupa dengan console.log(), menata gaya pesan seperti kesalahan, dan menyertakan pelacakan tumpukan tempat dipanggilnya metode.

console.error('error: name is undefined');

contoh console.error()

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

Memulai grup log baru dengan judul opsional. Semua keluaran konsol yang terjadi setelah console.group() dan sebelum console.groupEnd() secara visual akan dikelompokkan bersama.

function name(obj) {
  console.group('name');
  console.log('first: ', obj.first);
  console.log('middle: ', obj.middle);
  console.log('last: ', obj.last);
  console.groupEnd();
}

name({"first":"Wile","middle":"E","last":"Coyote"});

contoh console.group()

Anda juga bisa menyarangkan grup:

function name(obj) {
  console.group('name');
  console.log('first: ', obj.first);
  console.log('middle: ', obj.middle);
  console.log('last: ', obj.last);
  console.groupEnd();
}

function doStuff() {
  console.group('doStuff()');
  name({"first":"Wile","middle":"E","last":"coyote"});
  console.groupEnd();
}

doStuff();

contoh console.group() tersarang

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

Membuat grup log baru yang kondisi awalnya diciutkan, bukan terbuka.

console.groupCollapsed('status');
console.log("peekaboo, you can't see me");
console.groupEnd();

console.groupEnd()

Menutup grup log. Lihat console.group sebagai contoh.

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

Mencetak pesan seperti console.log() tetapi juga menampilkan ikon (lingkaran biru dengan "i" putih) di sebelah keluaran.

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

Menampilkan pesan di dalam konsol. Teruskan satu atau beberapa objek ke metode ini. Setiap objek dievaluasi dan disatukan menjadi string yang dipisah spasi.

console.log('Hello, Logs!');

Specifier format

Objek pertama yang diteruskan bisa berisi satu atau beberapa specifier format. Specifier format terdiri atas tanda persen (%) diikuti dengan sebuah huruf yang menunjukkan format yang akan diterapkan.

Panduan Terkait:

console.profile([label])

Memulai profil CPU JavaScript dengan label opsional. Untuk menyelesaikan profil, panggil console.profileEnd(). Setiap profil ditambahkan ke panel Profiles.

function processPixels() {
  console.profile("processPixels()");
  // later, after processing pixels
  console.profileEnd();
}

console.profileEnd()

Menghentikan sesi profil CPU JavaScript yang sedang berlangsung, jika ada, dan mencetak laporan ke panel Profiles.

Lihat console.profile() sebagai contoh.

console.time(label)

Memulai timer baru dengan label terkait. Bila console.timeEnd() dipanggil dengan label yang sama, timer akan dihentikan dan waktu yang dihabiskan akan ditampilkan di konsol. Nilai timer akurat hingga sub-milidetik. String yang diteruskan ke time() dan timeEnd() harus sama, jika tidak maka timer tidak akan selesai.

console.time("Array initialize");
var array = new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
  array[i] = new Object();
}
console.timeEnd("Array initialize");

contoh console.time()

console.timeEnd(label)

Menghentikan timer yang sedang berlangsung, jika ada, dan mencetak label timer diikuti dengan waktu yang dihabiskan ke Console.

Lihat console.time() sebagai contoh.

console.timeStamp([label])

Menambahkan kejadian ke Timeline selama sesi perekaman.

console.timeStamp('check out this custom timestamp thanks to console.timeStamp()!');

contoh console.timeStamp()

Panduan Terkait:

console.trace(object)

Mencetak pelacakan tumpukan dari titik pemanggilan metode.

console.trace();

Contoh console.trace()

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

Mencetak pesan seperti console.log(), tetapi juga menampilkan ikon peringatan berwarna kuning di sebelah pesan log.

console.warn('user limit reached!');

contoh console.warn()