Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Görünüm: 9913|Yanıt: 0

[JavaScript] JS hata ayıklama için konsolu daha profesyonel kullanmak için 10 ipucu

[Bağlantıyı kopyala]
Yayınlandı 7.08.2018 13:29:40 | | | |
Öncelikle, bu platformu geliştirme ortamımdaki iskeleti (taslağı) temizlemek için kullanacağım. Bazen, yaptığım "sihir" (bazıları buna "kodlama" diyor) meslektaşlarımın bu muhteşem sonuçları gösterdiklerinde gördüğü kadar mükemmel olmuyor. Evet, dedim: bazen eski usul deneme-yanılma yöntemini kullanıyorum, ki hepimiz buna "hata ayıklama" deiyoruz :)



Son on yılda tutkuyla ilgilendiğim şeylerden biri ön yüz geliştirme (özellikle Javascrip{filtering}t) oldu. Bir "zanaatkâr" olarak, piyasadaki yeni araçları öğrenmeyi seviyorum. Bu hikayede, "eski" konsolu nasıl kullanacağınız konusunda daha profesyonel ve harika ipuçları vereceğim.

Evet, hepimiz temel kullanımını biliyoruz:

console.log('Merhaba Dünya!'); Konsola bir mesaj veya nesneyi kaydedin

console.info('Bir şey oldu...'); Konsol günlüğü ile aynı.

console.warn ('Garip bir şey oldu...'); Konsol günlüğü ile aynı ama uyarı veriyor

console.error ('Korkunç bir şey oldu...'); Konsol günlüğü ile aynı ama hata çıkıyor


Bu yüzden, umarım şimdi size daha önce bilmediğin bazı ipuçları verebilirim ve seni daha profesyonel bir hata ayıklayıcısı yapabilecek oynama yollarını verebilirim.

İpucu #1 console.trace()


Log bilgisi için ipucu konumunu almak istiyorsanız, console.trace() kullanarak log verisiyle bir stack trace elde edebilirsiniz.





İpucu #2 console.time() && console.timeEnd()

Daha sinsi bir performans sorunu arıyorsanız, zamanı hesaplamaya başlamak için console.time() ile başlayın, ardından console.timeEnd() ile yazdırabilirsiniz.




İpucu #3 console.memory

Performans sorunlarınız daha karmaşıksa ve gizli bir bellek sızıntısı arıyorsanız, heap boyut durumunu kontrol etmek için console.memory'yi (bu bir özellik, fonksiyon değil) kullanmayı deneyebilirsiniz.







İpucu #4 console.profile('profileName') & console.profileEnd('profileName')

Bu standart bir yaklaşım olmasa da, geniş çapta desteklenmektedir. console.profile('profileName') ve ardından console.profileEnd('profileName') kullanarak tarayıcı performans aracını başlatıp bitirebilirsiniz - koddaki "performance profile". Bu, tam olarak ne istediğinizi analiz etmenize yardımcı olur ve programın çalışma süresine bağlı olarak fareyi tıklamanızı önlemenizi sağlar.



İpucu #5 console.count("SAYDIĞIM ŞEYLER")

Tekrarlayan fonksiyonlar veya kodlar durumunda, console.count('?') kullanabilirsiniz. kodunun kaç kez okunduğunu saymak için.




İpucu #6 console.assert(false, "Log me!")

Evet, koşullu günlük, günlüklerinizi if-else ile sarmaz:)

Koşul yanlış olduğunda bir şeyi kaydetmek için console.assert(condition, msg) kullanabilirsin.

Feragatname: Node.js yılında bu bir İfade Hatası verecek!




İpucu #7 console.group('group') & console.groupEnd('group')


Bu kadar çok günlük yazdıktan sonra, onları düzenlemek isteyebilirsiniz. Küçük ama faydalı bir araç console.group() ve console.groupEnd(). Konsol gruplarını kullanarak konsol loglarını bir arada düzenleyin, her grup hiyerarşide yeni bir seviye oluşturuyor. groupEnd() komutunu bir seviye azaltmak için çağırıyorum (önceki seviyeye geri döner).




İpucu #8 Tel değiştirmeleri

Loging yaparken, merge değişkenlerini değiştirmek için dizileri kullanabilirsiniz. Bu referanslar şunlardır (%s = dizimiz, %i = tamsayı, %o = nesne, %f = float).




İpucu #9 console.clear()

Bu kadar çok günlük yazdıktan sonra, konsolunuzu temizleme zamanı geldi.




İpucu #10 console.table()

Bence bu gerçek bir "mücevher"! Console.table() kullanarak çok güzel bir tablo yazdırabilirsiniz!







Önceki:Java geliştirme aracı IntelliJ IDEA 2018 Çin Çin paket indirmesi
Önümüzdeki:SpringMVC ile Springboot arasındaki fark (alıntı)
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.

Mail To:help@itsvse.com