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

我有这个:

addContact(entityId, refreshContactList());

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

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


当前回答

如果要传递函数,只需按名称引用它,而不带括号:

函数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(吃,[“泡菜”,“花生酱”]);

其他回答

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

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

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

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

您也可以使用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);
}

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

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

function function1(my_function_parameter){
    my_function_parameter();   
}

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

function1(function2); //This will work

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

参见JsFiddle

示例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!'

看看这个

我建议将参数放在一个数组中,然后使用.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