美文网首页
函数防抖与函数节流

函数防抖与函数节流

作者: RangoFu | 来源:发表于2019-03-24 23:03 被阅读0次

    函数防抖

    连续多次触发(两次触发的时间间隔,不超过setTimeout等待时间)只执行最后一次

    function debounce(wait) {
      let timer;
      if(timer){
        clearTimeout(timer);
      }
      timer = setTimeout(()=>{
        console.log('函数防抖');
      }, wait)
    }
    debounce(1000);
    
    

    函数节流

    固定时间内,只执行一次

    function throttle(wait){
      let timer;
      if(timer){
        return;
      }
      timer = setTimeout(()=>{
        console.log('函数节流');
        clearTimeout(timer);
      }, wait);
    }
    throttle(1000);
    

    参考链接:
    https://www.jianshu.com/p/f9f6b637fd6c

    相关文章

      网友评论

          本文标题:函数防抖与函数节流

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