其他答案很好地描述了正在发生的事情，但一个重要的“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!'

看看这个

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

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

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

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

通过使用ES6：

const invoke = (callback) => {
  callback()
}


invoke(()=>{
  console.log("Hello World");
})

我用那个问题把头发都剪掉了。我无法让上面的例子发挥作用，所以我最后说：

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')");

这就像一种魅力。。。至少我需要什么。希望这对一些人有所帮助。

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