美文网首页
防抖函数

防抖函数

作者: lessonSam | 来源:发表于2020-03-20 01:08 被阅读0次
    <!--   因为是防抖函数 所以 我们先定义 一个函数出来-->
      const func=()=>{
        console.log("提交");
      
        console.log(this)
    
      };
        //接着定义防抖函数 我们知道 防抖就是指在一定时间内执行一次 ,如果连续触发 那么我以最后一次为准
    
        const debounce =(func, awit)=>{
        let timer =null;
         return (...args)=>{
           // 清除定时器 在触发前先 清除 保障以最后一次为准
           clearTimeout(timer)
    
           timer =   setTimeout(()=>{
           
             // 绑定this 并且 接收参数
             func.call(this,args)
           },awit)
         }
        };
    
    
        // 当该方法被调用的时候 接收一个函数 和一个延迟时间
        const oDebounce=debounce(func, 1000);
    
    
        let btn =document.getElementById('btn');
        btn.addEventListener('click',oDebounce);
    
    
    

    相关文章

      网友评论

          本文标题:防抖函数

          本文链接:https://www.haomeiwen.com/subject/yrhdyhtx.html