javascript - 一键触发切换功能？按下按钮 -> toggleOn()，再按一次 -> toggleOff()，再按一次 -> toggleOn()

Question

是否可以使用相同的 onClick从一个按钮变成一个“开关”？

我有一个按钮，<button>Toggle</button>基本上打开它应该执行 toggleOn()或 toggleOff() .

我如何只使用 onClick 来做到这一点？属性(property)？

Answer 1

这是一个简单的“toggler”高阶函数:

function toggler(fn1, fn2) {
  var toggled = true;
  return function () {
    toggled = !toggled;
    return (toggled ? fn1 : fn2).apply(this, arguments);
  }
}

function logToConsole (e) {
  console.log(this, e);
}

function logToAlert (e) {
  alert(e);
}

var toggledLog = toggler(logToConsole, logToAlert);

现在使用参数和上下文运行 toggledLog 将正常工作。您可以在 onClick 处理程序中使用它。