使用js语言写一段节流函数

以下是使用 JavaScript 语言写的一段节流函数的示例：

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

这个函数的作用是对另一个函数进行包装，在指定的时间间隔内，该函数只会被调用一次。示例中的 `wait` 参数是时间间隔，以毫秒为单位，`func` 参数是需要被节流的函数。

相关问题

写一段节流代码

当用户在一段时间内频繁触发某个事件时，为了避免过于频繁地执行函数，可以使用节流函数。以下是一个简单的节流函数的示例代码：

function throttle(func, delay) {
  let timerId, lastTime = 0;
  return function() {
    const context = this;
    const args = arguments;
    const now = Date.now();
    if (now - lastTime >= delay) {
      func.apply(context, args);
      lastTime = now;
    } else {
      clearTimeout(timerId);
      timerId = setTimeout(() => {
        func.apply(context, args);
        lastTime = Date.now();
      }, delay - (now - lastTime));
    }
  };
}

使用方式如下：

function myFunc() {
  console.log('throttled function called');
}

const throttledFunc = throttle(myFunc, 1000);

throttledFunc(); // will call myFunc immediately
throttledFunc(); // will be ignored because it's within 1000ms of the last call

这个节流函数的作用是，在指定的时间间隔内，只有第一次触发事件时才会执行函数。在此期间，如果有其他事件触发了函数，则会被忽略。这种技术在一些需要限制频率的场景（比如滚动事件等）中非常有用，可以避免过于频繁地执行函数。

用js 写一个节流防抖

函数节流和函数防抖都是为了解决高频率触发事件时的性能问题。函数节流是指在一定时间内，只执行一次事件，而函数防抖是指在一定时间内，事件触发后，只有等待一段时间后未再次触发该事件，才执行事件处理函数。下面是用 JavaScript 实现函数节流和函数防抖的示例代码：

函数节流：

function throttle(func, delay) {
  let lastTime = 0;
  return function (...args) {
    const nowTime = new Date().getTime();
    if (nowTime - lastTime > delay) {
      func.apply(this, args);
      lastTime = nowTime;
    }
  };
}

function handle() {
  console.log('throttle');
}

window.addEventListener('scroll', throttle(handle, 1000));

函数防抖：

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

function handle() {
  console.log('debounce');
}

window.addEventListener('scroll', debounce(handle, 1000));

在这个示例中，我们分别使用了函数节流和函数防抖来优化了 window 的 scroll 事件的处理函数，当用户滚动页面时，每隔 1 秒执行一次函数节流的处理函数，或者等待 1 秒后再执行函数防抖的处理函数。这样可以有效降低事件处理函数的执行频率，优化页面性能。