防抖节流test

最新推荐文章于 2022-11-22 10:22:51 发布

-Dayer-

最新推荐文章于 2022-11-22 10:22:51 发布

阅读量261

点赞数

分类专栏： JavaScript 移动端 vue 文章标签： javascript 防抖

本文链接：https://blog.csdn.net/WDCCSDN/article/details/105998600

版权

JavaScript 同时被 3 个专栏收录

46 篇文章 0 订阅

订阅专栏

vue

37 篇文章 0 订阅

订阅专栏

移动端

5 篇文章 0 订阅

订阅专栏

使用场景：onresize，scroll，mousemove ,mousehover 等

防抖函数如下：连续事件完全触发完成之后，调用一次

      function debounce(fn, waitTime) {
        let timer = null;
        return function () {
          if (timer) {
            clearTimeout(timer);
          }
          timer = setTimeout(() => {
            fn.apply(this, arguments);
            timer = null;
          }, waitTime);
        };
      }

节流函数如下：当达到了一定的时间间隔就会执行一次

      function throttle(fn, waitTime) {
        let timer = null;
        return function () {
          if (timer) {
            return;
          }
          timer = setTimeout(() => {
            fn.apply(this, arguments);
            timer = null;
          }, waitTime);
        };
      }