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

我有这个:

addContact(entityId, refreshContactList());

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

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


当前回答

如果您可以将整个函数作为字符串传递,这段代码可能会对您有所帮助。

convertToFunc(“运行此('Micheal')”)函数convertToFunc(str){新函数(str)()} 函数runThis(名称){console.log(“Hello”,name)//打印Hello Micheal}

其他回答

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);
}

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