有时，当您需要处理事件处理程序，因此需要将事件作为参数传递时，大多数现代库（如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);
}

您只需删除括号：

addContact(entityId, refreshContactList);

然后传递函数而不首先执行它。

下面是一个示例：

函数addContact（id，refreshCallback）{refreshCallback（）；//如果需要，也可以传递参数//refreshCallback（id）；}函数refreshContactList（）{alert（“Hello World”）；}addContact（1，refreshContactList）；

事实上，看起来有点复杂，其实不然。

get方法作为参数：

 function JS_method(_callBack) { 

           _callBack("called");  

        }

您可以给出以下参数方法：

    JS_method(function (d) {
           //Finally this will work.
           alert(d)
    });

这是另一种方法：

function a(first,second)    
{        
return (second)(first);           
}     

a('Hello',function(e){alert(e+ ' world!');}); //=> Hello world     

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

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

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

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

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

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

function function1(my_function_parameter){
    my_function_parameter();   
}

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

function1(function2); //This will work

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

参见JsFiddle