js实现节流函数，当需要对一个高频触发的事件进行节流时，可以使用节流函数来限制事件的触发频率

当需要对一个高频触发的事件进行节流时，可以使用节流函数来限制事件的触发频率

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

function handleScroll() {
  console.log("Scroll event triggered");
}

const throttledScroll = throttle(handleScroll, 200);

window.addEventListener("scroll", throttledScroll);

在上述例子中，定义了一个throttle函数，它接收一个函数和一个延迟时间作为参数，并返回一个新的函数。这个新函数会在一定的延迟时间内只执行一次原始函数。

再定义了一个handleScroll函数，它用于处理滚动事件。然后，使用throttle函数将handleScroll函数包装起来，传入一个延迟时间为200毫秒的节流函数throttledScroll。

最后，通过addEventListener方法将节流函数throttledScroll绑定到scroll事件上。这样，在滚动事件触发时，节流函数会确保handleScroll函数只在每200毫秒内执行一次，从而限制滚动事件的触发频率。

通过使用节流函数，可以有效地控制高频触发的事件的执行频率，减少函数的执行次数，提高性能和响应速度。