传递JavaScript函数作为参数

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

我有这个:

addContact(entityId, refreshContactList());

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

根据我读过的内容,我可以用eval()来解决它,但这不是最好的做法。 我如何在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 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"]); 

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

看这个

链接地址: http://www.djcxy.com/p/52191.html

上一篇: Pass a JavaScript function as parameter

下一篇: How to check whether an object is a date?