有没有办法为 Javascript 中的每个函数添加 try-catch？

Question

对于错误报告，我想在我拥有的每个函数的代码周围插入一个 try-catch 包装器。

所以基本上我想替换

function foo(arg){
   bar();
}

...与...

function foo(arg){
    try {
        bar() 
    }
    catch(e){
        customErrorHandler(e)
    }
}

有没有一种方法可以将这种通用的 try-catch 应用到所有函数，而无需手动编辑所有函数？比如修改Function对象的原型？

编辑

为什么我想尝试捕获我的所有功能： 我正在构建一个在 iOS 和 Android 上发布的 HTML5 应用程序。我可以从我目前的基本 javascript 错误报告中看出，即使应用程序在我自己的设备上运行良好，但在其他一些设备上确实会发生错误。

我的目标是双重的：每当某人的设备上发生 javascript 错误时...

1. 我想通知用户该应用可能无法正常运行
2. 我想大致知道错误发生在哪里，所以我知道到哪里寻找问题

Answer 1

给定的答案已经很好了，只是想用闭包分享一个新的答案。

定义包装器

const tryCatchWrapper = (executable) => async (...args) => {
    try {
        const result = await executable(...args);
        return result;
    } catch (error) {
        // use any custom handler here
       error.message = `[${executable.name}] - ${error.message}`;
       error.data = {...error.data, input_args: args}
       throw error;
    }
}

你的函数没有 try-catch 包装器

const myFunction = async (x, y) => {
    const sum = x + y;
    if (sum > 10) throw new Error(`sum > 10 custom error`)
    return sum;
}

如何使用

try {
    const wrapperFunction = trycatchWrapper3(myFunction2);
    const output = await wrapperFunction(2, 93)
    console.log(output)
} catch (error) {
    console.error(error)
}

结束

Answer 2

我没有足够的声誉来评论接受的答案。

我在f.apply 之前添加了一个return 来传递返回值。

var tcWrapper = function(f) {
    return function() {
        try {
            return f.apply(this, arguments);
        } catch(e) {
            customErrorHandler(e)
        }
    }
}

Answer 3

这并不简单，因为没有办法找到到处定义的所有 JavaScript 函数。例如，任何此类方法都可能会错过在运行时定义的回调函数。

您也可能不想包装所有函数，因为这将包括浏览器函数和您肯定不想包装的 JavaScript 库中的函数。

更好的方法可能是定义一个包装另一个函数的函数：

var tcWrapper = function(f) {
    return function() {
        try {
            f.apply(this, arguments);
        } catch(e) {
            customErrorHandler(e)
        }
    }
}

现在您可以使用此功能来装饰您想要的任何东西。如果使用名称空间，包装会变得更简单：

var NS = { f: function() {  } }

只需将所有函数包装在一个特殊的命名空间中，然后遍历该命名空间：

$.each( NS, function(i,n) {
    var p = NS[i];
    if( typeof p === 'function' ) {
        NS[i] = tcWrapper(p);
    }
} );

Answer 4

我需要加强一些代码，所以我编写了一个名为 fortify 的函数并将其放入 NPM 模块中。这是一项正在进行的工作，但它应该会有所帮助。

https://github.com/infinitered/over-armour

奖励：它适用于异步函数。欢迎反馈

Answer 5

我想知道（这纯粹是猜测，所以不确定这是否可行）你可以这样做：

function callTryCatch(functionSignature) {
    try {
        eval(functionSignature);
    } catch (e) {
        customErrorHandler(e);
    }
}

function entryPoint() {
    callTryCatch(function() {
        // do function logic
    });
}

同样，这纯粹是猜测，我还没有测试过，但如果可能的话，我认为关键在于 eval 语句。

Answer 6

好的，我好像在这里找到了：http://www.nczonline.net/blog/2009/04/28/javascript-error-handling-anti-pattern/

基本上，所有函数都由 try-catch 包装器替换，其中包含 try 部分中的原始函数。