错误在JavaScript关闭

Question

我有一个提交按钮，点击它时，一个模式对话框引起下面的代码来执行：

$("#addqueuebutton").on("click",function(){ 

    var counter = 0; 
    return function(){ 
     counter += 1; 
     ... 
     alert(counter); 
    }; 
}); 

我必须确保counter被初始化只有一次，所以我尝试使用闭包。但是由于警告框没有出现，代码没有正确执行。我在线编译器上测试了代码，看起来是正确的。有人可以告诉我，我的语法是否有问题？

Answer 1

您将错误的功能分配给click。当您单击时，您初始化counter，然后返回内部函数。

您需要调用外部函数并将其返回值分配给第二个参数on()。

});应该}());

或者，这样可以很清楚：

function create_counter(){ 
    var counter = 0; 

    return function(){ 
     counter += 1; 
     ... 
     alert(counter); 
    }; 
} 

var counter_incrementing_function = create_counter() 

$("#addqueuebutton").on("click", counter_incrementing_function);