如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。
我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?
如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。
我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?
当前回答
JavaScript程序员中有一句话:“Eval是邪恶的”,所以要不惜一切代价避免它!
除了史蒂夫·芬顿的答案,你还可以直接传递函数。
function addContact(entity, refreshFn) {
refreshFn();
}
function callAddContact() {
addContact("entity", function() { DoThis(); });
}
其他回答
有时,当您需要处理事件处理程序,因此需要将事件作为参数传递时,大多数现代库(如react、angular)可能都需要这样做。
我需要重写OnSubmit函数(来自第三方库的函数),并对reactjs进行一些自定义验证,我传递了函数和事件,如下所示
原来
<button className="img-submit" type="button" onClick=
{onSubmit}>Upload Image</button>
进行了一个新的函数上传,并将传递的Submit和事件作为参数调用
<button className="img-submit" type="button" onClick={this.upload.bind(this,event,onSubmit)}>Upload Image</button>
upload(event,fn){
//custom codes are done here
fn(event);
}
我建议将参数放在一个数组中,然后使用.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
如果要传递函数,只需按名称引用它,而不带括号:
函数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(吃,[“泡菜”,“花生酱”]);
这是另一种方法:
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!'
看看这个