将 JavaScript 函数作为参数传递

javascript function parameters

2022-08-29 22:26:28

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

我有这个：

addContact(entityId, refreshContactList());

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

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

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

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