将JavaScript函数作为参数传递

有时候，当您需要处理事件处理程序，因此也需要将事件作为参数传递时，大多数现代库（如react，angular）可能都需要此方法。

我需要在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 here
  fn(event);
}

其实似乎有点复杂，不是。

get方法作为参数：

 function JS_method(_callBack) { 

           _callBack("called");  

        }

您可以给定一个参数方法：

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

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

而已。我也在寻找此解决方案，并尝试了其他答案中提供的解决方案，但最终从上述示例中获得了解决方案。

我建议将参数放入数组中，然后使用.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

JavaScript程序员中有一句话：“评估就是邪恶”，因此，请不惜一切代价避免使用它！

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

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

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

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

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 function
   if (paramFunc && (typeof paramFunc == "function")) {
      paramFunc();   
   }
}

//this calls iNeedParameter and sends the other function to it
iNeedParameter(ToBeCalled); 

其背后的思想是函数与变量非常相似。而不是写

function ToBeCalled() { /* something */ }

你最好写

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

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

anotherFunction(ToBeCalledVariable);

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

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!") });

如果愿意，还可以使用apply函数，并使用第三个参数，它是参数数组，例如：

function eat(food1, food2)
{
    alert("I like to eat " + food1 + " and " + food2 );
}
function myFunc(callback, args)
{
    //do stuff
    //...
    //execute callback when finished
    callback.apply(this, args);
}

//alerts "I like to eat pickles and peanut butter"
myFunc(eat, ["pickles", "peanut butter"]);