传递JavaScript函数作为参数

Question

传递JavaScript函数作为参数

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

我有这个：

addContact(entityId, refreshContactList());

很管用，但问题是refreshContactList当函数被调用时触发，而不是在函数中使用时触发。

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

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

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!") });如果您愿意，也可以使用应用函数，并具有第三个参数，即参数数组，如下所示：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"]);