如何编写一个接受回调函数的函数并在“安全”的环境中运行它？方式？

Question

我想写一个这样的函数：

function doGoodJob(someId, callBackfunction){

// some stuff with someId

// todo: RUN callBackFunction here

}

他们说 eval 在代码注入方面是“危险的”。

那么，编写接受回调函数并安全运行它的 JavaScript 函数的最佳实践是什么？

Answer 1

您的回调是字符串还是实际函数？

如果它是一个函数。

function doGoodJob(someId,callbackFunction)
{
     callbackFunction();
}

doGoodJob(1,function(){alert('callback');});

如果它是一个字符串，您可以使用 Function 构造函数。

function doGoodJob(someId,callbackFunction)
{
     var func = new Function(callbackFunction)
     func();
}
doGoodJob(1,"alert('test');");

或者两者都测试一下..

function doGoodJob(someId,callbackFunction)
{
    var func = (typeof callbackFunction == 'function') ?
        callbackFunction : new Function(callbackFunction);

     func();   
}

doGoodJob(1,function(){alert('callback');});
doGoodJob(1,"alert('test');");

Answer 2

这应该有效：

function doGoodJob(simeOd, callBackFunction){  
    /** Do stuff **/  
    callBackFunction();  
}

快速小提琴： http://jsfiddle.net/pS67X/

Answer 3

虽然这个话题已经晚了，但我只是想补充一些东西。
上述解决方案适用于警报或将函数作为参数传递，但不适用于以下情况。

doGoodJob(1, "someCallbackFunction");
function someCallBackFunction() {
    alert("im called");
}

相反，如果使用 eval(callbackFunction) ，如下所示

function doGoodJob(someId,callbackFunction) {
    var func = (typeof callbackFunction == 'function') ?
    callbackFunction : eval(callbackFunction);

    func();   
}
doGoodJob(1,someCallBackFunction);
doGoodJob(1,"someCallBackFunction");

Answer 4

回调函数意味着函数作为参数传递，就像我们传递变量一样。

当调用回调函数时，我们可以像下面这样使用它：

<script>
function callbackExample(arg1, callback){
    alert(arg1);
    var x = 10, y = 20;
    if (callback && typeof(callback) === "function") {
        callback(x+y);
    }
}
callbackExample("test", function(res){
    alert("This is the callback function..." + res);
});
</script>