手写防抖节流函数

2022-02-27 20:00:09 阅读：157 来源： 互联网

标签：闭包 function 防抖定时器节流 timer delay 手写 fn

function deBounce(fn, delay) {
        let timer = null; //这里巧妙地运用了闭包的特性，使得timer不仅不会被销毁，并且避免了每次都初始化一遍
        return function (e) {
          if (timer) {
            clearTimeout(timer); //若之前的定时器还在，则清空之前的定时器
          }
          timer = setTimeout(() => {
            fn.call(this, e); //调用函数也用了闭包,并且使得this指向input,并且接收事件对象作为参数
          }, delay); //运用闭包,添加一个新的定时器,时间可自定,
        };
      }

标签：闭包,function,防抖,定时器,节流,timer,delay,手写,fn
来源： https://blog.csdn.net/jhyxz/article/details/123169192

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

手写防抖节流函数