防抖和节流

什么是防抖

函数防抖：是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。

实现防抖

const debounce = (fn, wait)=>{
    const timer = null;
  return function (){
      const context = this;
    const args = arguments;
    if(timer){
        clearTimeout(timer);
      timer = null;
    }
    timer = setTimeout(()=>{
        fn.apply（context, args）
    },wait)
  }
}

什么是节流

函数节流：是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。

实现节流

function throttle(fn, delay) {
  let preTime = Date.now();
  return function() {
    const context = this;
    let args = arguments;
    let nowTime = Date.now();
    // 如果时间间隔超过指定时间，则执行函数
    if (nowTime - preTime > delay) {
    preTime = nowTime
    return fn.apply(context, args)
    }
  };
}