如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)

我有这个:

addContact(entityId, refreshContactList());

它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。

我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?


当前回答

这是另一种方法:

function a(first,second)    
{        
return (second)(first);           
}     

a('Hello',function(e){alert(e+ ' world!');}); //=> Hello world     

其他回答

这是另一种方法:

function a(first,second)    
{        
return (second)(first);           
}     

a('Hello',function(e){alert(e+ ' world!');}); //=> Hello world     

JavaScript程序员中有一句话:“Eval是邪恶的”,所以要不惜一切代价避免它!

除了史蒂夫·芬顿的答案,你还可以直接传递函数。

function addContact(entity, refreshFn) {
    refreshFn();
}

function callAddContact() {
    addContact("entity", function() { DoThis(); });
}

我建议将参数放在一个数组中,然后使用.apply()函数将它们拆分。所以现在我们可以很容易地传递一个带有大量参数的函数,并以简单的方式执行它。

function addContact(parameters, refreshCallback) {
    refreshCallback.apply(this, parameters);
}

function refreshContactList(int, int, string) {
    alert(int + int);
    console.log(string);
}

addContact([1,2,"str"], refreshContactList); //parameters should be putted in an array

我用那个问题把头发都剪掉了。我无法让上面的例子发挥作用,所以我最后说:

function foo(blabla){
    var func = new Function(blabla);
    func();
}
// to call it, I just pass the js function I wanted as a string in the new one...
foo("alert('test')");

这就像一种魅力。。。至少我需要什么。希望这对一些人有所帮助。

其他答案很好地描述了正在发生的事情,但一个重要的“gotcha”是确保您传递的任何内容都是对函数的引用。

例如,如果传递字符串而不是函数,则会出现错误:

function function1(my_function_parameter){
    my_function_parameter();   
}

function function2(){
 alert('Hello world');   
}

function1(function2); //This will work

function1("function2"); //This breaks!

参见JsFiddle