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

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

看看这个

通过使用ES6：

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


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

这是另一种方法：

function a(first,second)    
{        
return (second)(first);           
}     

a('Hello',function(e){alert(e+ ' world!');}); //=> 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);
}

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

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

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