在JavaScript中持久化变量而不是全局变量

这是一个例子,其中闭包是该语言的一个重要功能。

(function()
{
    var active = false;
    myButton.addEventListener('click', function myButtonClick(event)
    {
        if (active) {
            // recursion..?
            setTimeout(myButtonClick, 5000);
        }

        active = !active;
    }
})();

更多关于闭包的信息 here .

使用javascript模块模式。类似这样的内容:

var handler = function () {
  var private_state = true;
  return function() {
    private_state = !private_state;
    if (private_state) {
      // Do something
    }
  }
}();

使用 handler 作为你的按钮 onclick 处理程序。

前面的回答已经指出,您可以使用闭包来存储一个“私有”变量,该变量可以跟踪状态。或者,您也可以使用HTML5数据来存储这些数据。

html格式

<button data-toggleOn="false">Click me!</button>

javascript语言

button.addEventListener('click', function() {
  var toggleOn = this.dataset.toggleOn = !JSON.parse(this.dataset.toggleOn);

  if (toggleOn) {
    // do stuff!
  }
});

如果您使用的是jQuery。。

$('button').click(function() {
  var toggleOn = !$(this).data('toggleOn');
  $(this).data('toggleOn', toggleOn);
});