如何在javascript中将函数作为参数传递

Question

我有一个弹出对话框，我试图让它尽可能动态，以便我可以向它发送我想要的任何功能。我想创建一个回调函数，这样我就可以传递我想要的任何函数，它会在我的对象上做我需要的任何事情（在这个例子中只是打印一些东西来测试它。

这是调用弹出窗口时发生的情况：

function DisplayPopUp(obj, callback) {


    //On Action Clicked
    $('#actionButton').click(function(e){
       e.preventDefault();
       callback(Obj);
    });
}

这里是激活弹出功能的功能

$('.delete').click(function(){
    var obj="something something";
    DisplayPopUp(obj,function(){console.log('going to delete');});
});

不知何故，这不起作用，我从萤火虫得到这个错误：

Obj is not defined

显然我没有正确转移我的功能 - 我应该怎么做？

Answer 1

您正在调用callback(Obj)，但您的变量名称是obj。检查你的情况。

Answer 2

在DisplayPopup() 中调用回调时，传递参数obj，而不是Obj。

Answer 3

嗯，Obj 是没有定义的。应该是obj。

当您收到错误消息时，您应该做的第一件事就是阅读它。 :)

Answer 4

我发现此代码存在多个可能的问题：

首先，Obj 的情况是错误的。应该是这样的：

function DisplayPopUp(obj, callback) {

    //On Action Clicked
    $('#actionButton').click(function(e){
       e.preventDefault();
       callback(obj);
    });
}

但是，其次，我认为您没有正确使用事件处理程序。您正在从单击处理程序调用 DisplayPopup。但是，在该单击处理程序中，您正在另一个对象上安装另一个单击处理程序。这真的是你想做的吗？除非您在此处留下一堆创建/销毁 actionButton 或取消绑定单击处理程序的代码，否则每次单击删除按钮时，您都可以轻松地在 #actionButton 上使用多个单击处理程序。