如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。
我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?
如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。
我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?
当前回答
其他答案很好地描述了正在发生的事情,但一个重要的“gotcha”是确保您传递的任何内容都是对函数的引用。
例如,如果传递字符串而不是函数,则会出现错误:
function function1(my_function_parameter){
my_function_parameter();
}
function function2(){
alert('Hello world');
}
function1(function2); //This will work
function1("function2"); //This breaks!
参见JsFiddle
其他回答
JavaScript程序员中有一句话:“Eval是邪恶的”,所以要不惜一切代价避免它!
除了史蒂夫·芬顿的答案,你还可以直接传递函数。
function addContact(entity, refreshFn) {
refreshFn();
}
function callAddContact() {
addContact("entity", function() { DoThis(); });
}
您也可以使用eval()执行相同的操作。
//A function to call
function needToBeCalled(p1, p2)
{
alert(p1+"="+p2);
}
//A function where needToBeCalled passed as an argument with necessary params
//Here params is comma separated string
function callAnotherFunction(aFunction, params)
{
eval(aFunction + "("+params+")");
}
//A function Call
callAnotherFunction("needToBeCalled", "10,20");
就是这样。我也在寻找这个解决方案,并尝试了其他答案中提供的解决方案,但最终从上面的例子中得到了效果。
这是另一种方法:
function a(first,second)
{
return (second)(first);
}
a('Hello',function(e){alert(e+ ' world!');}); //=> Hello world
示例1:
funct("z", function (x) { return x; });
function funct(a, foo){
foo(a) // this will return a
}
示例2:
function foodemo(value){
return 'hello '+value;
}
function funct(a, foo){
alert(foo(a));
}
//call funct
funct('world!',foodemo); //=> 'hello world!'
看看这个
您只需删除括号:
addContact(entityId, refreshContactList);
然后传递函数而不首先执行它。
下面是一个示例:
函数addContact(id,refreshCallback){refreshCallback();//如果需要,也可以传递参数//refreshCallback(id);}函数refreshContactList(){alert(“Hello World”);}addContact(1,refreshContactList);