手写 节流函数 throttle

1.封装

某个函数在指定时间段内只执行第一次,直到指定时间段结束,周而复始

节流是指定时间段内只执行第一次,也就是这段时间内,只需要响应第一次的请求即可,后续的请求都会被过滤掉,直到下个时间段,重新来过,周而复始。

应用场景:Android 里的屏幕刷新机制,每个帧(16.6ms)内,不管进行了多少次请求界面刷新的操作,只需响应第一次的请求,去向底层注册监听帧信号即可

function throttle(fn, interval = 200) {
  let flag = null;
  return function (...args) {
    if (!flag) {
      flag = true;
      setTimeout(() => {
        flag = false;
        fn.call(this, ...args);
      }, interval);
    }
  };
}

.

posted @ 2020-07-19 12:00  每天都要进步一点点  阅读(385)  评论(0编辑  收藏  举报