Javascript错误会停止代码执行

Question

每当事件处理程序内发生错误时,它就会完全停止代码执行,因此不会调用第二个事件回调.

例如:

$(function() {
    window.thisDoesntExist();
}
$(function() {
    //Do something unharmful and unrelated to the first event
}

您可以通过在两个匿名函数中添加try/catch来轻松解决此(简化)示例中的问题,但实际上这些函数通常会添加其他几个事件处理程序,而这些处理程序又需要try/catch.我最终得到了带有try/catch块的非常重复的代码.

我的项目采用模块化设计,每个功能都在不同的JS中(并在构建过程中连接).我正在寻找一种更通用的方法来处理每个功能中的错误,以便错误不会停止其他功能的代码执行.

我已经尝试过以下解决方案: - window.onerror(即使你在这个函数中返回true,代码执行也停止了) - $(window).er​​ror()=>不推荐使用并且代码执行停止

Answer 1

您可以创建一个辅助函数来防止重复相同的样板代码.

function tryFunction(f, onerror) {
    try {
        if (typeof f == 'function') {
            return f();
        }
    } catch (e) {
        return onerror(e);
    }
}

$(function() {
    var result = tryFunction(window.thisDoesNotExist, function (error) {
        alert('Whoops: ' + error);
    });
});

我创建了一个小演示.它略有不同,但同样的想法.

Answer 2

我找到了解决方案。使用 setTimeout 时，代码在单独的线程中执行，因此不会破坏网页的任何其他部分。

$(function() {
    setTimeout(function() {
    window.thisDoesntExist();
    }, 0);
});
$(function() {
    setTimeout(function() {
        //Do something unharmful and unrelated to the first event
        alert("This passes")
    }, 0);
});

在此示例中，即使第一个函数抛出错误，也会运行第二个函数。这是一个工作示例： http: //jsfiddle.net/mathieumaes/uaEsy/