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

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

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

function function1(my_function_parameter){
    my_function_parameter();   
}

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

function1(function2); //This will work

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

参见JsFiddle

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

get方法作为参数：

 function JS_method(_callBack) { 

           _callBack("called");  

        }

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

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

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

函数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（吃，[“泡菜”，“花生酱”]）；

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

就是这样。我也在寻找这个解决方案，并尝试了其他答案中提供的解决方案，但最终从上面的例子中得到了效果。

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

convertToFunc（“运行此（'Micheal'）”）函数convertToFunc（str）｛新函数（str）（）} 函数runThis（名称）{console.log（“Hello”，name）//打印Hello Micheal}