传递一个JavaScript函数作为参数

您只需要删除括号：

addContact(entityId, refreshContactList);

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

下面是一个例子：

function addContact(id, refreshCallback) {refreshCallback();// You can also pass arguments if you need to// refreshCallback(id);}
function refreshContactList() {alert('Hello World');}
addContact(1, refreshContactList);

要将函数作为参数传递，只需删除括号！

function ToBeCalled(){alert("I was called");}
function iNeedParameter( paramFunc) {//it is a good idea to check if the parameter is actually not null//and that it is a functionif (paramFunc && (typeof paramFunc == "function")) {paramFunc();}}
//this calls iNeedParameter and sends the other function to itiNeedParameter(ToBeCalled);

这背后的想法是函数与变量非常相似。而不是写作

function ToBeCalled() { /* something */ }

你不妨写

var ToBeCalledVariable = function () { /* something */ }

两者之间有细微的区别，但无论如何-它们都是定义函数的有效方法。现在，如果您定义了一个函数并将其显式分配给一个变量，那么您可以将其作为参数传递给另一个函数，并且不需要括号，这似乎很合乎逻辑：

anotherFunction(ToBeCalledVariable);

示例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 functfunct('world!',foodemo); //=> 'hello world!'

看看这个

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

除了Steve Fenton的回答，你还可以直接传递函数。

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

您也可以使用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 a(first,second){return (second)(first);}
a('Hello',function(e){alert(e+ ' world!');}); //=> Hello world

您也可以使用eval()来做同样的事情。

//A function to callfunction needToBeCalled(p1, p2){alert(p1+"="+p2);}
//A function where needToBeCalled passed as an argument with necessary params//Here params is comma separated stringfunction callAnotherFunction(aFunction, params){eval(aFunction + "("+params+")");}
//A function CallcallAnotherFunction("needToBeCalled", "10,20");

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

如果你想传递一个函数，只需通过不带括号的名称引用它：

function foo(x) {alert(x);}function bar(func) {func("Hello World!");}
//alerts "Hello World!"bar(foo);

但有时你可能想传递一个函数包括论点，但在调用回调之前不要调用它。为此，在调用它时，只需将其包装在一个匿名函数中，如下所示：

function foo(x) {alert(x);}function bar(func) {func();}
//alerts "Hello World!" (from within bar AFTER being passed)bar(function(){ foo("Hello World!") });

如果您愿意，您还可以使用适用函数并拥有第三个参数，该参数是参数数组，如下所示：

function eat(food1, food2) {alert("I like to eat " + food1 + " and " + food2 );}function myFunc(callback, args) {//do stuff//...//execute callback when finishedcallback.apply(this, args);}
//alerts "I like to eat pickles and peanut butter"myFunc(eat, ["pickles", "peanut butter"]); 

其实，好像有点复杂，并不是。

get方法作为参数：

 function JS_method(_callBack) {
_callBack("called");
}

您可以作为参数方法给出：

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

其他答案在描述正在发生的事情方面做得很好，但一个重要的“问题”是确保您传递的任何内容确实是对函数的引用。

例如，如果您传递字符串而不是函数，您将收到错误：

function function1(my_function_parameter){my_function_parameter();}
function function2(){alert('Hello world');}
function1(function2); //This will work
function1("function2"); //This breaks!

见JsFiddle

我建议将参数放入数组中，然后使用.apply()函数将它们拆分。所以现在我们可以轻松地传递一个包含大量参数的函数并以简单的方式执行它。

function addContact(parameters, refreshCallback) {refreshCallback.apply(this, parameters);}
function refreshContactList(int, int, string) {alert(int + int);console.log(string);}
addContact([1,2,"str"], refreshContactList); //parameters should be putted in an array

我把我所有的头发都剪掉了。我无法让上面的例子起作用，所以我结束了：

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

这就像一个魅力…至少我需要的。希望它能帮助一些人。

有时当你需要处理事件处理程序时，也需要将事件作为参数传递，大多数现代库（如反应、角）可能需要这个。

我需要在reactjs上使用一些自定义验证来覆盖OnSubmit函数（来自第三方库的函数），我传递了函数和事件，如下所示

最初

    <button className="img-submit" type="button"  onClick={onSubmit}>Upload Image</button>

创建一个新函数upload并调用传递onSubmit和事件作为参数

<button className="img-submit" type="button"  onClick={this.upload.bind(this,event,onSubmit)}>Upload Image</button>
upload(event,fn){//custom codes are done herefn(event);}

使用ES6：

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

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

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

convertToFunc( "runThis('Micheal')" )
function convertToFunc( str) {new Function( str )()}function runThis( name ){console.log("Hello", name) // prints Hello Micheal}