简单理解防抖函数

  //防抖：用户触发事件过于频繁，只需要最后一次事件的操作
  const inp = document.querySelector("input");

  //封装一个防抖函数
  inp.oninput = debounce(function () {
    console.log(this.value);
  }, 500);
  function debounce(fn, delay) {
    let t = null;
    return function () {
      if (t !== null) {
        clearInterval(t);
      }
      t = setTimeout(() => {
        fn.call(this);
      }, delay);
    };
  }