JavaScript hata işleme için en iyi uygulamalar nelerdir?

Benim JavaScript biraz daha hata kanıt yapmaya başlamak için arıyorum, ben kullanımıyla ilgili belgelerin bol buluyorum try, catch, finally, ve throw, ama hataları atmak ne zaman ve nerede uzmanlardan tavsiye bir ton bulamıyorum.

• Her kod parçası bir dene / yakala ile sarmalanmalı mı?
• Gibi daha tavsiye var mı bu hangi noktada hatalara yakalanmış gerektiğini?
• Üretimde kodun sessizce başarısız olması yerine hataları yükseltmenin dezavantajları var mı?
• Buna, uygulamalara kadar SO'da değinildi, ancak sunucu günlük JS hatalarını etkili bir strateji mi var?
• Başvurumdaki yakalama hatalarıyla ilgili bilmem gereken başka bir şey var mı?

Ayrıca, hata işlemenin harika bölümleri veya derinlemesine açıklamaları olan kitapları duymaya tamamen hazırım. Eloquent JavaScript konuya değiniyor, ancak konu hakkında çok kuralcı veya fikir sahibi değil.

Verebileceğin her türlü tavsiye için teşekkürler!

Enterprise JavaScript Error Handling hakkında son derece ilginç bir slayt seti http://www.devhands.com/2008/10/javascript-error-handling-and-general-best-practices/ adresinde bulunabilir.

Kısaca özetliyor:

1. Kodunuzun başarısız olacağını varsayın
2. Sunucuya hataları günlüğe kaydet
3. Hataları tarayıcı değil siz halledin
4. Hataların nerede oluşabileceğini belirleyin
5. Kendi hatalarınızı atın
6. Önemli ve önemli olmayan hataları ayırt edin
7. Bir hata ayıklama modu sağlayın

Slaytlar çok daha fazla ayrıntıya giriyor ve büyük olasılıkla size biraz yön verecek.

GÜNCELLEME

Yukarıda bahsedilen sunum burada bulunabilir: http://www.slideshare.net/nzakas/enterprise-javascript-error-handling-presentation

Yahoo! Nicholas Zakas fame , Ajax Experience 2008'de Enterprise Error Handling ( slaytlar ) üzerine bir konuşma yaptı ve şöyle bir şey önerdi:

function log(sev,msg) {
    var img = new Image();
    img.src = "log.php?sev=" +
        encodeURIComponent(sev) +
        "&msg=" + encodeURIComponent(msg);
}

// usage
log(1, "Something bad happened.")

// Auto-log uncaught JS errors
window.onerror = function(msg, url, line) {
    log(1, msg);
    return true;
}

Bir yıl sonra, Nicholas Zakas kendi blogunda , üretim ortamınıza hata işleme kodunu otomatik olarak enjekte etmek için akıllı bir model içeren bir güncelleme yayınladı (görünüm odaklı programlama kullanarak).

Window.error çağrılarını günlüğe kaydetmeye başladığınızda, iki şey fark edeceksiniz:

1. Siteniz oldukça karmaşıksa, birçok hata günlüğe kaydedeceksiniz
2. Undefined: 0 "iletilerinde bir sürü yararsız" window.error "göreceksiniz

Günlük girişlerinin torrentini azaltmak, sunucuya giriş yapmadan önce önem derecesini ve / veya rastgele bir sayıyı test etmek kadar basittir:

function log(sev,msg) {
    if (Math.random() > 0.1) return; // only log some errors

    var img = new Image();
    img.src = "log.php?sev=" +
        encodeURIComponent(sev) +
        "&msg=" + encodeURIComponent(msg);
}

Gereksiz "window.error in undefined: 0" hatalarının işlenmesi site mimarinize bağlıdır, ancak tüm Ajax çağrılarını tanımlamayı ve bir şey başarısız olduğunda bir istisna atmayı deneyebilirsiniz (muhtemelen stacktrace.js kullanarak bir yığın izleme döndürme ).

IHMO, diğer birkaç dilde (AFAIK: Python, Java) yaptığınız gibi javascript'te hata işlemeyi kullanmalısınız.

Daha iyi okunabilirlik (ve muhtemelen daha iyi performans, gerçekten büyük bir etkisi olduğundan emin olmasam da) için, çoğunlukla aşağıdaki durumlarda dene / yakala bloğunu kullanmalısınız:

• Kodun sarmak istediğiniz kısmı bir anahtardır kısmı, tüm algoritmanın parçasıdır . Başarısız olursa, şunları yapabilir:

  • kodların sonraki bölümünde hatalar oluşturun (örneğin bir var eksik olduğu için ...)
  • sayfanın beklenilen gibi görünmemesini sağlayın (içerik veya css üzerindeki etkisi)
  • sonuçların kullanıcıya garip görünmesini sağlayın (kod davranışı üzerindeki etkisi)

• Yazdığınız kodun her tarayıcıyla uyumlu olmadığını biliyorsunuz

• Sen planladın Kodun başarısız olabileceğini (çünkü çalışıp çalışmadığını kontrol etmenin başka bir yolu olmadığından if ... sonra ... bloklar)
• Ve ayrıca hata ayıklamak istediğinizde son kullanıcıyı rahatsız etmeden

Sonunda, javascript uzmanlarının verecek başka unsurları olabilir.

kutuya 2 sentim,

Saygılarımızla,

maksimum

Diğer yanıtlara ek olarak: önemli bir şey, JavaScript hata nesnelerinde ve işlev parametrelerinde bulunan bağlam verilerini kullanmaktırwindow.onerror .

Stacktrace (errorObject.stack), dosya adı, satır numarası ve sütun numarası gibi şeyler. Her tarayıcının bazı farklılıkları olduğunu unutmayın ... bu nedenle güzel hatalar almak için elinizden gelenin en iyisini yapın.

Konsol nesnesinin kendisinde bile sorunlar olabilir . Bundan esinlenen özel bir window.onerror işlevi ve bu koddan esinlenen herhangi bir standart hata nesnesini izlemek için özel bir işlev kullanıyorum .

Bir başka iyi nokta da, web uygulamanızın sürümünü yığın izine yakın bir yere eklemektir (hızlı ve güvenli kopyalama ve yapıştırma için). Ayrıca geliştiriciler tarayıcı konsolunu sürekli izlemeyecekleri ve bazı sorunları görmeyebilecekleri için geliştirme modunda hataları daha agresif bir şekilde (uyarı ...) gösterebilirsiniz.

Ayrıca kullanmaktan kaçının throw 'My message', kullanın throw new Error('My message'), hatta özel hatalarınız olabilir, bu makaleyi okuyun .

Hatalara her zaman biraz bağlam ekleyin (sürüm, nesnenin kimliği, bazı özel mesajlar, ...) ve ayrıca harici hatalar (bazı harici veriler veya sisteminizin başarısız olmasına neden olan durumlar) ile dahili hatalar arasında bir ayrım yaptığınızdan emin olun. / assertions (kendi sisteminiz karıştı), ' Sözleşmeye göre tasarım ' konusunu okuyun .

İşte bir rehber .

Ayrıca, kütüphaneleriniz ve çerçeveleriniz için engelleyiciler gibi genel hata işlemeyi kullanmayı düşünün:

• jQuery
• Açısal 1.x ve http için
• Açısal 2.x
• Yeni uyuşturucu çerçeveniz burada ...