首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将JavaScript函数作为参数传递

将JavaScript函数作为参数传递
EN

Stack Overflow用户
提问于 2012-11-08 17:34:05
回答 15查看 809.4K关注 0票数 774

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

我有这个:

代码语言:javascript
运行
复制
addContact(entityId, refreshContactList());

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

我可以使用eval()解决这个问题,但根据我所读到的内容,这不是最佳实践。如何在JavaScript中将函数作为参数传递?

EN

回答 15

Stack Overflow用户

回答已采纳

发布于 2012-11-08 17:34:56

代码语言:javascript
运行
复制
addContact(entityId, refreshContactList);

然后在不执行函数的情况下传递该函数。

下面是一个示例:

代码语言:javascript
运行
复制
function addContact(id, refreshCallback) {
    refreshCallback();
    // You can also pass arguments if you need to
    // refreshCallback(id);
}

function refreshContactList() {
    alert('Hello World');
}

addContact(1, refreshContactList);
票数 1.1K
EN

Stack Overflow用户

发布于 2014-06-07 07:11:50

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

代码语言:javascript
运行
复制
function foo(x) {
    alert(x);
}
function bar(func) {
    func("Hello World!");
}

//alerts "Hello World!"
bar(foo);

但有时您可能希望传递一个包含参数的函数,但在调用回调之前不调用它。要做到这一点,在调用它时,只需将其封装在一个匿名函数中,如下所示:

代码语言:javascript
运行
复制
function foo(x) {
   alert(x);
}
function bar(func) {
   func();
}

//alerts "Hello World!" (from within bar AFTER being passed)
bar(function(){ foo("Hello World!") });

如果您愿意,也可以使用apply函数并使用第三个参数,该参数是一个参数数组,如下所示:

代码语言:javascript
运行
复制
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"]); 
票数 446
EN

Stack Overflow用户

发布于 2012-11-08 17:38:13

示例1:

代码语言:javascript
运行
复制
funct("z", function (x) { return x; });

function funct(a, foo){
    foo(a) // this will return a
}

示例2:

代码语言:javascript
运行
复制
function foodemo(value){
    return 'hello '+value;
}

function funct(a, foo){
    alert(foo(a));
}

//call funct    
funct('world!',foodemo); //=> 'hello world!'

look at this

票数 59
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13286233

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档