将 JavaScript 函数作为参数传递

Question

如何在没有在“父”函数中执行的函数或使用 eval() 的情况下将函数作为参数传递？ （因为我读过它是不安全的。）

我有这个：

addContact(entityId, refreshContactList());

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

我可以使用 eval() 解决它，但根据我所读到的内容，这不是最佳做法。如何在 JavaScript 中将函数作为参数传递？

原文由 imperium2335 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您只需要删除括号：

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

原文由 Fenton 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

原文由 dallin 发布，翻译遵循 CC BY-SA 4.0 许可协议