防抖、节流、闭包,普通版本面试手写必备(网上的代码是比较完善的,工作中可以直接用,但是代码量也更多不好记,这个简单版本面试好使)

防抖函数(触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间)

export function debounce(func, delay) {
  let timer = null;
  return function(...args) {
    if (timer) clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, args);
    }, delay);
  };
}

节流函数（高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率）

export function throttle(func, delay) {
  let timer = Date.now();
  return function(...args) {
    let now = Date.now();
    if (now - timer > delay) {
      func.apply(this, args);
      timer = Date.now();
    }
  };
}

闭包函数（可以访问函数内部的变量）

// 闭包函数
function fn() {
  let a = 10;
  function b() {
  //此时的a是函数fn的a
    a = a * 10;
    return a;
  }
  //将函数作为返回值返回
  return b;
}
// 调用方式
var baz = fn();
//由于连续调用闭包函数，变量a并没有被销毁所以会连续做*10操作
console.log(baz()); //输出100
console.log(baz()); //输出1000
console.log(baz()); //输出10000