CodeBlanks Logo Icon CodeBlanks

console.group ve groupEnd

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

Konsol çıktılarını gruplamayı ve iç içe gruplar oluşturmayı öğrenirsin.

console.group ve groupEnd

console.group ile konsol çıktılarını bir başlık altında toplayabilirsin. Grubu console.groupEnd ile kapatırsın. Arada kalan tüm çıktılar girintili olarak görünür.

Örnek: console.group("Sipariş"); console.log("Ürün: Kalem"); console.groupEnd();. Bu yapı, çok sayıda log'u düzenli tutmak için kullanışlıdır; özellikle bir sipariş ya da kullanıcı için ayrı ayrı gruplar oluşturabilirsin.

groupCollapsed ve iç içe gruplar

console.groupCollapsed, console.group gibi çalışır ama grup varsayılan olarak daraltılmış (kapalı) gelir. Kullanıcı tıklayarak açar. Bu, çok uzun çıktılarda ekranı kalabalık tutmamak için idealdir.

Grupları iç içe de kullanabilirsin: bir grup aç, içine başka bir grup aç, sonra içtekiyi kapat, sonra dıştakini kapat. Her açılışın bir kapanışı olmalıdır; sıra önemlidir.

Uygulama Sipariş grubu oluştur

console.group("Sipariş #1") ile bir grup aç. Grubun içine console.log("Ürün: Kalem") ve console.log("Adet: 3") çağrılarını ekle. Sonra console.groupEnd() ile grubu kapat.

Örnek çözümü göster
console.group("Sipariş #1");
console.log("Ürün: Kalem");
console.log("Adet: 3");
console.groupEnd();

Kendini test et

  1. console.group'ın temel amacı nedir?

    • Bir işlemin süresini ölçmek
    • Bir hatayı kırmızı renkte göstermek
    • Çıktıları bir başlık altında toplamak
    • Bir diziyi tablo olarak göstermek
    Cevabı göster

    Çıktıları bir başlık altında toplamak — Doğru. group ile çıktıları başlıklı ve girintili gruplarda toplarsın.

  2. Grubu kapat

    console.group("Sipariş #1");
    console.log("Ürün: Kalem");
    console.____();
    Cevabı göster
    console.group("Sipariş #1");
    console.log("Ürün: Kalem");
    console.groupEnd();
  3. Metodu davranışına eşleştir

    console.group
    Grup başlatır
    console.groupEnd
    Grubu kapatır
    console.groupCollapsed
    Daraltılmış grup başlatır
    console.log
    Grup içine satır yazar

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