防抖函数

2020-03-20  本文已影响0人  lessonSam
<!--   因为是防抖函数 所以 我们先定义 一个函数出来-->
  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);


上一篇下一篇

猜你喜欢

热点阅读