JS的节流阀

对于节流阀的理解，举个不恰当的例子，使用节流阀就像在一个宾馆睡觉，一间屋子只能睡一个人。

第一步，进入房间，默认门是开着的（flag=true），所以可以直接进来睡觉；

第二步，为了确保安全，需要将门关上（flag=false）；

第三步，睡觉结束（一个事件完成），需要离开让下一个进来睡觉，将门打开（flag=true）。

这样如此反复，确保在睡觉这件事情上，一次只能睡一个人。

代码如下：

<button>按钮</button>
<script>
  var btn = document.querySelector('button');
  var flag = true;
  var timer;
  btn.onclick = function () {
    clearTimeout(timer)//延时器可以写在if里面，也可以写在外面，如果写在外面，必须清理延时器，否则会创建多个延时器，导致flag很快为true，就一直输出1；如果写在里面，想要执行定时器，必须通过if语句，确保了定时器的安全
    if (flag == true) {
      flag = false;
      console.log(1);
    }
    timer = setTimeout(function () {
      flag = true;
    }, 2000)
  }
</script>