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

Mengukur dan menghitung eksekusi

Manfaatkan Console API untuk mengukur waktu eksekusi dan menghitung eksekusi pernyataan.

TL;DR

  • Gunakan console.time() dan console.timeEnd() untuk melacak waktu yang dihabiskan antar titik eksekusi kode.
  • Gunakan console.count() untuk menghitung berapa kali string yang sama diteruskan ke sebuah fungsi.

Mengukur waktu eksekusi

Metode time() memulai timer baru dan sangat berguna untuk mengukur berapa lama waktu yang diperlukan. Teruskan sebuah string ke metode untuk memberi nama pada marker.

Bila ingin menghentikan timer, panggil timeEnd() dan teruskan padanya string yang sama dengan yang diteruskan ke initializer.

Selanjutnya konsol akan mencatat label dan waktu yang dihabiskan ke log bila metode timeEnd() dipicu.

Contoh dasar

Di sini, kita mengukur inisialisasi jutaan Larik baru:

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");

Di Console, hasilnya seperti berikut ini: Waktu yang dihabiskan

Timer pada Timeline

Bila perekaman Timeline terjadi selama operasi time(), timeline juga akan diberi anotasi. Gunakan ini bila ingin melacak apa yang dilakukan aplikasi Anda dan dari mana asalnya.

Penampilan anotasi pada Timeline dari time():

Anotasi waktu di timeline

Menandai Timeline

Catatan: Metode timeStamp() hanya berfungsi apabila perekaman Timeline recording sedang berlangsung.

Panel Timeline menyediakan ringkasan lengkap mengenai di mana saja mesin menghabiskan waktunya. Anda bisa menambahkan tanda ke timeline dari konsol dengan timeStamp(). Ini adalah cara sederhana untuk mengkorelasikan kejadian di aplikasi Anda dengan kejadian lainnya.

timeStamp() memberi anotasi pada Timeline di tempat-tempat berikut:

  • Garis vertikal kuning di rangkuman Timeline dan tampilan detail.
  • Ia menambahkan catatan ke daftar kejadian.

Contoh kode berikut ini:

function AddResult(name, result) {
    console.timeStamp("Adding result");
    var text = name + ': ' + result;
    var results = document.getElementById("results");
    results.innerHTML += (text + "<br>");
}

Menghasilkan stempel waktu Timeline berikut:

Stempel waktu di timeline

Menghitung eksekusi pernyataan

Gunakan metode count() untuk mencatat ke log string yang diberikan bersama berapa kali string yang sama telah diberikan. Bila pernyataan yang persis diberikan ke count() pada baris yang sama, angkanya akan bertambah.

Contoh kode menggunakan count() dengan beberapa konten dinamis:

function login(user) {
    console.count("Login called for user " + user);
}

users = [ // by last name since we have too many Pauls.
    'Irish',
    'Bakaus',
    'Kinlan'
];

users.forEach(function(element, index, array) {
    login(element);
});

login(users[0]);

Keluaran contoh kode:

keluaran contoh console.count()