如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。
我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?
如何在函数不在“父”函数中执行或使用eval()的情况下将函数作为参数传递?(因为我读到这是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发。
我可以使用eval()绕过它,但根据我所读的,这不是最佳实践。如何在JavaScript中传递函数作为参数?
当前回答
您只需删除括号:
addContact(entityId, refreshContactList);
然后传递函数而不首先执行它。
下面是一个示例:
函数addContact(id,refreshCallback){refreshCallback();//如果需要,也可以传递参数//refreshCallback(id);}函数refreshContactList(){alert(“Hello World”);}addContact(1,refreshContactList);
其他回答
您也可以使用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");
就是这样。我也在寻找这个解决方案,并尝试了其他答案中提供的解决方案,但最终从上面的例子中得到了效果。
您也可以使用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);
}
我用那个问题把头发都剪掉了。我无法让上面的例子发挥作用,所以我最后说:
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')");
这就像一种魅力。。。至少我需要什么。希望这对一些人有所帮助。
通过使用ES6:
const invoke = (callback) => {
callback()
}
invoke(()=>{
console.log("Hello World");
})
JavaScript程序员中有一句话:“Eval是邪恶的”,所以要不惜一切代价避免它!
除了史蒂夫·芬顿的答案,你还可以直接传递函数。
function addContact(entity, refreshFn) {
refreshFn();
}
function callAddContact() {
addContact("entity", function() { DoThis(); });
}