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

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

作者: 住在醉翁亭边 | 来源:发表于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