g u t x .com.tr İpek yolu - Çin'i anlamaya götürürüm

Tam metin 2786 Kelimeler, tahmini öğrenme süresi 8 dakika

Kaynak: Pexels JS Konsolu

Hata ayıklama, bir suç filminde hem bir dedektif hem de bir katili oynamak gibidir.

Filipe Fortes

Çoğu geliştirici, sorun hakkında daha fazla bilgi edinmek için tarayıcıda bilgi vermeyi sever. Bunu yapan tek kişi yazar olmamalıdır.

Tarayıcı konsolunda bilgi çıktı almak, geliştiriciler için bir kurtarma operasyonu gibidir. Kod hata ayıklamada çeşitli inatçı hastalıklarla karşılaşıldığında, Console.log () her derde deva gibidir.

Aslında, en sık kullanılan Console.log () ifadesine ek olarak, hata ayıklama sürecini basitleştirmenin başka yolları da vardır.

Daha sonra Xiaoxin bunları tek tek örneklerle tanıtacak.

1.console.assert ()

Bu komut, yalnızca seçilen günlüğün çıktısını almak istediğinizde çok kullanışlıdır.Yalnızca yanlış parametreleri verir.İlk parametre doğruysa çalışmaz.

İddia

2.console.group () ve console.groupEnd ()

Konsolu mesajları gruplamak için kullanabilirsiniz.

Grup mesajları

3.console.trace ()

Bu yöntem, kodun ne zaman sona erdiğini izleyecek ve gösterecektir.

Izlemek

Kaynak: Pexels JS Konsolu

4.console.count ()

Bu işlev, count () işlevinin çağrı sayısını kaydeder ve isteğe bağlı bir parametre etiketine sahiptir.

Çağırma sırasında bir etiket sağlanmışsa, bu işlev o belirli etiketle count () 'un kaç kez çağrıldığını kaydedecektir.

Arama sırasında etiket atlanırsa, işlev bu satırda count () işlevinin kaç kez çağrıldığını kaydeder.

Miktar

5.console.table ()

Uygun ve okunması kolay JSON metnini görmek ister misiniz?

Dizilerin daha iyi görselleştirilmesi!

6. Konsol mesajına stil ekleyin

Tüm konsol mesajları aynı mı görünüyor? Şimdi farklı, hata ayıklama günlüğünün önemli kısımlarını daha görünür hale getiriyor.

Renkli mesaj

Günlükteki belirli kelimelerin rengini aşağıdaki şekillerde değiştirebilirsiniz:

Belirli kelimeleri vurgulayın

7.console.time ()

console.time (), işlem süresini izlemek için kullanılır, JavaScript çalıştırmada harcanan kısa süreyi izlemek için iyi bir yoldur.

8. Konsolda HTML

Öğeleri kontrol etmekle aynı şekilde konsoldan HTML öğeleri alın.

HTNL öğesi ekranı

9.console.dir ()

Belirtilen nesnenin JSON biçimini çıktılar.

10.console.memory ()

Javascript uygulamasının ne kadar tarayıcı belleği kapladığını bilmek ister misiniz?

Veri deposu

Kaynak: Pexels JS Konsolu

11. Yer tutucular kullanın

Çeşitli yer tutucular aşağıdaki gibidir:

% o: bir nesneyi kabul edin,

% s: bir dizeyi kabul edin

% d: Ondalık veya tamsayı kabul edin

Yer tutuculara giriş

12.console.log () | bilgi () | hata ayıklama () | warn () | hata ()

Bu ifadeler, olayın türüne göre orijinal dizeyi tanımlamak için farklı renkler kullanacaktır.

konsol günlüğü / bilgi / hata ayıklama / uyarı / hata

13. konsol.clear ()

Son olarak, tüm konsol mesajlarını temizlemek için clear () komutunu kullanın.

Aşağıdakiler eklenecek önemli noktalardır.

https://gist.github.com/Harshmakadia/fc25e56cb8f49145f4c9b3528f04215f

// zaman ve zaman sonu

console.time ("Bu");

let toplam = 0;

for (let j = 0; j < 10000; j ++) {

toplam + = j

}

console.log ("Sonuç", toplam);

console.timeEnd ("Bu");

// Hafıza

console.memory ()

// İddia

consterrorMsg = 'Hey! Sayı çift değil';

for (sayı = 2; sayı < = 5; sayı + = 1) {

console.assert (sayı% 2 === 0, {sayı: sayı, errorMsg: errorMsg});

}

// Miktar

for (let i = 0; i < 11; i ++) {

console.count ();

}

// grup ve grupEnd

console.group ();

console.log ('Test mesajı');

console.group ();

console.log ('Başka bir mesaj');

console.log ('Başka bir şey');

console.groupEnd ();

console.groupEnd ();

// Tablo

oluşturur =;

console.table (öğeler)

// Açık

console.clear ()

// HTML Öğesi

let element = document.getElementsByTagName ("BODY");

console.log (öğe)

// Dir

constuserInfo = {"ad": "John Miller", "kimlik": 2522, "tema": "karanlık"}

console.dir (userInfo);

// Renk

console.log ('Metnin% cColor'u yeşil artı küçük yazı tipi boyutu', 'color: yeşil; yazı tipi boyutu: x-küçük');

// nesneyi aktar, değişken

constuserDetails = {"name": "John Miller", "id": 2522, "tema": "karanlık"}

console.log ("Hey% s, işte ayrıntılarınız% o nesne biçiminde", "John", userDetails);

// Varsayılan

console.log ('console.log');

console.info ('console.info');

console.debug ('console.debug');

console.warn ('console.warn');

console.error ('console.error');

Nokta

Umarım bu bilgi noktalarında ustaca ustalaşabilir ve "kıdemli kod çiftçileri" olabilirsiniz.

Yorum Beğen Takip Et

Yapay zeka öğrenme ve geliştirmenin kuru mallarını paylaşalım

Yeniden yazdırıyorsanız, lütfen arka planda bir mesaj bırakın ve yeniden yazdırma şartnamelerine uyun

Bugün Core Voice | Dikkat! 5 milyondan fazla yeni cep telefonuna gizlice Truva atları yerleştirildi

Hepsini yakalayın! Veri bilimi alanındaki en iyi ücretsiz e-kitapların özeti

Yazılım geliştirici: Makine öğrenimi hakkında tam tersini öğrendiniz ...

2019 Baidu Bursu kazananları açıklandı! Baidu'nun 7 Yıldaki "Teknoloji Duyguları" ndan bahsetmek

Ultra yüksek hızlı karmaşık mantık karşısında hiçbir şey yapamaz mısınız? Julia'yı dene

Bugün Core Voice | Hava Taksisine Giriş! Hyundai ve Uber birlikte konsept elektrikli uçağı piyasaya sürdü

Evet, npm yerine npx-ikisi arasındaki fark nedir?

Python For döngüsünü Map, Filter ve Reduce ile nasıl değiştirebilirim?

Akış verilerini tahmin etmek için makine öğrenimi modellerini kullanmak için PySpark nasıl kullanılır?

Ön uç geliştiricilerin 2020'de öğrenmesi gereken 10 şey

NeurIPS2019'daki en iyi makine öğrenimi belgelerinin yorumlanması

Core Voice Today | Gizemli Teknoloji! Samsung, "sanal insan" projesinin sonuçlarını gösterecek