如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。
我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?
如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。
我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?
当前回答
示例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!'
看看这个
其他回答
您也可以使用JSON来存储和发送JS函数。
检查以下各项:
var myJSON =
{
"myFunc1" : function (){
alert("a");
},
"myFunc2" : function (functionParameter){
functionParameter();
}
}
function main(){
myJSON.myFunc2(myJSON.myFunc1);
}
这将打印“a”。
以下内容与上述内容具有相同的效果:
var myFunc1 = function (){
alert('a');
}
var myFunc2 = function (functionParameter){
functionParameter();
}
function main(){
myFunc2(myFunc1);
}
这也具有以下相同的效果:
function myFunc1(){
alert('a');
}
function myFunc2 (functionParameter){
functionParameter();
}
function main(){
myFunc2(myFunc1);
}
以及使用Class作为对象原型的对象范例:
function Class(){
this.myFunc1 = function(msg){
alert(msg);
}
this.myFunc2 = function(callBackParameter){
callBackParameter('message');
}
}
function main(){
var myClass = new Class();
myClass.myFunc2(myClass.myFunc1);
}
如果要传递函数,只需按名称引用它,而不带括号:
函数foo(x){警报(x);}功能栏(func){func(“Hello World!”);}//提醒“Hello World!”bar(foo);
但有时您可能希望传递包含参数的函数,但在调用回调之前不要调用它。为此,在调用它时,只需将其包装在一个匿名函数中,如下所示:
函数foo(x){警报(x);}功能栏(func){func();}//警告“Hello World!”(通过后从栏内)bar(function(){foo(“Hello World!”)});
若您愿意,也可以使用apply函数,并使用第三个参数,即参数数组,如下所示:
功能饮食(食物1、食物2){警惕(“我喜欢吃”+食物1+“和”+食物2“);}函数myFunc(回调,args){//做一些事情//...//完成后执行回调callback.apply(this,args);}//提醒“我喜欢吃泡菜和花生酱”myFunc(吃,[“泡菜”,“花生酱”]);
事实上,看起来有点复杂,其实不然。
get方法作为参数:
function JS_method(_callBack) {
_callBack("called");
}
您可以给出以下参数方法:
JS_method(function (d) {
//Finally this will work.
alert(d)
});
其他答案很好地描述了正在发生的事情,但一个重要的“gotcha”是确保您传递的任何内容都是对函数的引用。
例如,如果传递字符串而不是函数,则会出现错误:
function function1(my_function_parameter){
my_function_parameter();
}
function function2(){
alert('Hello world');
}
function1(function2); //This will work
function1("function2"); //This breaks!
参见JsFiddle
如果您可以将整个函数作为字符串传递,这段代码可能会对您有所帮助。
convertToFunc(“运行此('Micheal')”)函数convertToFunc(str){新函数(str)()} 函数runThis(名称){console.log(“Hello”,name)//打印Hello Micheal}