javascript - js回调函数 - js返回函数




传递JavaScript函数作为参数 (9)

JavaScript程序员之间有一句话:“Eval是邪恶的”,所以尽量避免它!

除了史蒂芬芬顿的回答,你还可以直接传递函数。

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

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

如何将函数作为参数传递,而不在“父”函数中执行函数或使用eval() ? (因为我读过它是不安全的。)

我有这个:

addContact(entityId, refreshContactList());

它可以工作,但问题是refreshContactList在函数被调用时触发,而不是在函数中使用。

根据我读过的内容,我可以用eval()来解决它,但这不是最好的做法。 我如何在JavaScript中传递一个函数作为参数?


你也可以使用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");

而已。 我也在寻找这个解决方案,并试着在其他答案中提供的解决方案,但最终从上面的例子中得到它的工作。


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

看这个


其他答案在描述发生的事情方面做得非常出色,但一个重要的“陷阱”是确保无论你通过什么,都确实是一个函数的参考。

例如,如果你通过一个字符串而不是一个函数,你会得到一个错误:

function function1(my_function_parameter){
    my_function_parameter();   
}

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

function1(function2); //This will work

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

JsFiddle


如果你想传递一个函数,只需按名称引用它而不用括号:

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

您也可以使用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);
}

有些时候,当你需要处理事件处理程序,所以需要将事件也作为参数传递时,大多数现代库像反应,角度可能需要这样做。

我需要重写OnSubmit函数(来自第三方库的函数),并对reactjs进行一些自定义验证,并且我传递了如下的函数和事件

本来

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

制作一个新功能upload并调用onSubmit和event作为参数传递

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

这就像一个魅力......至少我需要什么。 希望它可以帮助一些。





parameters