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

函数防抖与函数节流

作者: 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