CodeBlanks Logo Icon CodeBlanks

console.time ile performans

JavaScript kursu · Başlangıç · Ders 115/133

console.time ve timeEnd ile bir işlemin süresini ölçmeyi öğrenirsin.

console.time ile performans

console.time ve console.timeEnd ile bir işlemin süresini ölçebilirsin. Aynı etiketi (string) verdiğin time ve timeEnd çifti arasındaki geçen süreyi milisaniye olarak yazdırır.

Örnek: console.time("döngü"); for (...) {} console.timeEnd("döngü");. Çıktı döngü: 1.234ms biçiminde olur. Etiketler eşleşmezse süre yazılmaz; bu yüzden etiketi aynı yazmak önemlidir.

Etiket eşleşmesi ve birden fazla ölçüm

console.time ve console.timeEnd aynı etiket string'i ile eşleşmelidir. Farklı etiketler kullanırsan süre ölçümü yapılmaz; tarayıcı eşleşmeyen etiket için uyarı verebilir.

Birden fazla ölçüm yapmak istersen farklı etiketler kullanabilirsin: console.time("a"); console.time("b"); ... console.timeEnd("a"); console.timeEnd("b");. Böylece her ölçüm bağımsız kalır ve hangi işlemin ne kadar sürdüğünü ayrı ayrı görebilirsin. Aynı etiketi iki kez başlatmak beklenmeyen sonuç verebilir.

Uygulama Döngü süresini ölç

console.time("döngü") ile bir süreölçer başlat. for (let i = 0; i < 100; i++) {} ile boş bir döngü çalıştır. Sonra console.timeEnd("döngü") ile süreyi yazdır.

Örnek çözümü göster
console.time("döngü");
for (let i = 0; i < 100; i++) {
  // boş döngü
}
console.timeEnd("döngü");

Kendini test et

  1. console.timeEnd("a") ne yapar?

    console.time("a");
    // ...
    console.timeEnd("a");
    • Sadece "a" yazdırır
    • "a" etiketi için geçen süreyi milisaniye olarak yazdırır
    • Zamanlayıcıyı sıfırlar
    • Hiçbir şey yapmaz
    Cevabı göster

    "a" etiketi için geçen süreyi milisaniye olarak yazdırır — Doğru. timeEnd, time ile başlatılan ölçümü bitirir ve süreyi yazar.

  2. Ara değer yazdır

    console.time("işlem");
    // işlem burada
    console.____("işlem bitti");
    console.timeEnd("işlem");
    Cevabı göster
    console.time("işlem");
    // işlem burada
    console.log("işlem bitti");
    console.timeEnd("işlem");
  3. Metodu davranışına eşleştir

    console.time
    Süreölçer başlatır
    console.timeEnd
    Süreölçer durdurur ve süreyi yazar
    console.timeLog
    Ara süreyi yazar
    console.log
    Anlık değer yazar

Başlangıç bölümündeki tüm dersler