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

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

function function1(my_function_parameter){
    my_function_parameter();   
}

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

function1(function2); //This will work

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

参见JsFiddle

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

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

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

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

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

看看这个

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