美文网首页
函数防抖和函数节流的简单实现

函数防抖和函数节流的简单实现

作者: 住在醉翁亭边 | 来源:发表于2019-09-26 15:16 被阅读0次

    函数防抖

    将时间间隔较短的一组操作,归并为一个操作。

    // fn 需要处理的函数
    // t 时间
    function debounce(fn, t=500){
        let timer = null;
        return function(){
          timer&&clearTimeout(timer);
          timer = setTimeout(fn, t)
        }
    }
    

    函数节流

    保证函数以均匀规整的时间间隔执行。

    function throttle(fn, t=500){
        let canRun = true;
        return function(){
          if(!canRun){return};
          canRun = false;
          setTimeout(function(){
            fn();
            canRun = true;
          }, t)
        }
    }
    

    相关文章

      网友评论

          本文标题:函数防抖和函数节流的简单实现

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