函数节流

51 阅读1分钟

函数节流

限制执行频率,有节奏的执行

  • 一个一个来,按时间节奏,插队者无效
  • 例如,drag或者scroll期间触发某个回掉,要设置一个时间间隔
<script>
  function throttle(fn,interval) {
    let timer = null;
    return (event)=>{
      if (timer) return;
      timer = setTimeout(() => {
        clearTimeout(timer)
        timer = null
        fn(event)
      }, interval);
    }
  }
  window.onresize = throttle(function (event) {
    console.log(event);
  },1000)
</script>