Traitement des exceptions en JavaScript

Question

Quelle est la meilleure technique pour attraper TOUTES les exceptions lancées en JavaScript ?

Évidemment, la meilleure technique est d'utiliser try...catch. Mais avec les callbacks ansynchrones et ainsi de suite, cela peut devenir délicat.

Je sais que les navigateurs IE et Gecko prennent en charge window.onerror, mais qu'en est-il d'Opera et de Safari ?

Voici une série de cas de test pour lesquels j'aimerais avoir une solution centrale de gestion des exceptions :

// ErrorHandler-Test1
var test = null;
test.arg = 5;
// ErrorHandler-Test2
throw (new Error("Hello"));
// ErrorHandler-Test3
throw "Hello again";
// ErrorHandler-Test4
throw {
    myMessage: "stuff",
    customProperty: 5,
    anArray: [1, 2, 3]
};
// ErrorHandler-Test5
try {
    var test2 = null;
    test2.arg = 5;
} catch(e) {
    ErrorHandler.handleError(e);
}
// ErrorHandler-Test6
try {
    throw (new Error("Goodbye"));
} catch(e) {
    ErrorHandler.handleError(e);
}
// ErrorHandler-Test7
try {
    throw "Goodbye again";
} catch(e) {
    ErrorHandler.handleError(e);
}
// ErrorHandler-Test8
try {
    throw {
        myMessage: "stuff",
        customProperty: 5,
        anArray: [1, 2, 3]
    };
} catch(e) {
    ErrorHandler.handleError(e);
}

Si vous pensez à d'autres cas de test, veuillez les mentionner. Plusieurs de ces cas mentionnent une méthode ErrorHandler.handleError. Il s'agit simplement d'une directive suggérée lors de l'utilisation de try...catch.

Answer 1

Si vous utilisez une bibliothèque comme jQuery pour assigner tous vos gestionnaires d'événements, vous pouvez utiliser une combinaison des éléments suivants window.onerror et en enveloppant le code du gestionnaire d'événements jQuery et la fonction on ready avec une fonction de gestion des erreurs (voir : Suivi des erreurs JavaScript : Pourquoi window.onerror n'est pas suffisant ).

• window.onerror : attrape toutes les erreurs dans IE (et la plupart des erreurs dans Firefox), mais ne fait rien dans Safari et Opera.
• Gestionnaires d'événements jQuery : permet de détecter les erreurs liées aux événements jQuery dans tous les navigateurs.
• Fonction jQuery ready : permet de détecter les erreurs d'initialisation dans tous les navigateurs.

Answer 2

WebKit (Safari, Chrome, etc.) semble désormais prendre en charge les éléments suivants onerror .

Poste original : Pour autant que je sache, WebKit/Safari ne prend pas en charge la fonction onerror événement. Ce qui est une honte.

Answer 3

En fait, l'approche de Jquery n'est pas si mauvaise. Voir :

http://docs.jquery.com/Events/error#fn

et :

$(window).error(function(msg, url, line){
  $.post("js_error_log.php", { msg: msg, url: url, line: line });
});

Answer 4

Attrapez toutes les exceptions avec votre propre gestionnaire d'exceptions et utilisez instanceof.

$("inuput").live({
    click : function (event) {
        try {
            if (somethingGoesWrong) {
                throw new MyException();
            }
        } catch (Exception) {
            new MyExceptionHandler(Exception);
        }

    }
});

function MyExceptionHandler(Exception) {
    if (Exception instanceof TypeError || 
        Exception instanceof ReferenceError || 
        Exception instanceof RangeError ||  
        Exception instanceof SyntaxError ||     
        Exception instanceof URIError ) {
        throw Exception; // native error
     } else {
         // handle exception
     }
}

MyExcetpionHandler lancera une erreur native car il n'y a pas de bloc try-catch.

Visitez http://www.nczonline.net/blog/2009/03/10/the-art-of-throwing-javascript-errors-part-2/

Answer 5

try-catch n'est pas toujours la meilleure solution. Par exemple, dans Chrome 7.0, vous perdez la trace de la pile dans la fenêtre de la console. Relancer l'exception ne sert à rien. Je ne connais pas de solution qui préserve les traces de la pile. y vous laissant réagir à l'exception.