防抖和节流怎么做

防抖和节流都是为了控制代码执行频率，提高性能和用户体验。

防抖和节流的区别在于，防抖是在一定时间内只执行最后一次操作，而节流是在一定时间内只执行一次操作。

下面是防抖和节流的代码实现：

防抖：

function debounce(fn, delay) {
  let timer = null;
  return function() {
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(this, arguments);
    }, delay);
  };
}

调用方式：

const debouncedFunction = debounce(function() {
  // 这里是要执行的函数
}, 1000);

节流：

function throttle(fn, delay) {
  let timer = null;
  return function() {
    if (timer) {
      return;
    }
    timer = setTimeout(() => {
      fn.apply(this, arguments);
      timer = null;
    }, delay);
  };
}

调用方式：

const throttledFunction = throttle(function() {
  // 这里是要执行的函数
}, 1000);