函数防抖与函数节流

2019-03-24  本文已影响0人  RangoFu

函数防抖

连续多次触发(两次触发的时间间隔,不超过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

上一篇下一篇

猜你喜欢

热点阅读