我会使用underscore.js或lodash源代码来找到这个函数的经过良好测试的版本。

这是下划线代码的略微修改版本，用于删除对 underscore.js 本身的所有引用：

// Returns a function, that, when invoked, will only be triggered at most once
// during a given window of time. Normally, the throttled function will run
// as much as it can, without ever going more than once per `wait` duration;
// but if you'd like to disable the execution on the leading edge, pass
// `{leading: false}`. To disable execution on the trailing edge, ditto.
function throttle(func, wait, options) {
  var context, args, result;
  var timeout = null;
  var previous = 0;
  if (!options) options = {};
  var later = function() {
    previous = options.leading === false ? 0 : Date.now();
    timeout = null;
    result = func.apply(context, args);
    if (!timeout) context = args = null;
  };
  return function() {
    var now = Date.now();
    if (!previous && options.leading === false) previous = now;
    var remaining = wait - (now - previous);
    context = this;
    args = arguments;
    if (remaining <= 0 || remaining > wait) {
      if (timeout) {
        clearTimeout(timeout);
        timeout = null;
      }
      previous = now;
      result = func.apply(context, args);
      if (!timeout) context = args = null;
    } else if (!timeout && options.trailing !== false) {
      timeout = setTimeout(later, remaining);
    }
    return result;
  };
};

请注意，如果您不需要所有强调支持的选项，则可以简化此代码。

请在下面找到此功能的一个非常简单且不可配置的版本：

function throttle (callback, limit) {
    var waiting = false;                      // Initially, we're not waiting
    return function () {                      // We return a throttled function
        if (!waiting) {                       // If we're not waiting
            callback.apply(this, arguments);  // Execute users function
            waiting = true;                   // Prevent future invocations
            setTimeout(function () {          // After a period of time
                waiting = false;              // And allow future invocations
            }, limit);
        }
    }
}

编辑 1：删除了对下划线的另一个引用，感谢@Zettam 的评论

编辑 2：添加了关于 lodash 和可能的代码简化的建议，感谢 @lolzery @wowzery 的评论

编辑 3：由于流行的请求，我添加了一个非常简单的、不可配置的函数版本，改编自 @vsync 的评论

那这个呢？

function throttle(func, timeFrame) {
  var lastTime = 0;
  return function () {
      var now = new Date();
      if (now - lastTime >= timeFrame) {
          func();
          lastTime = now;
      }
  };
}

简单的。

您可能有兴趣查看源代码。

添加到此处的讨论中（以及对于最近的访问者），如果不使用几乎事实上的throttlefrom 的原因lodash是具有较小尺寸的包或包，则可以仅包含throttle在您的包中而不是整个lodash库中。例如在 ES6 中，它会是这样的：

import throttle from 'lodash/throttle';

此外，throttle只有一个来自lodashcalled 的包lodash.throttle可以与importES6 或requireES5 中的 simple 一起使用。

callback : 接受应该被调用的函数

limit : 在时间限制内应调用该函数的次数

time : 重置限制计数的时间跨度

功能和用法：假设您有一个允许用户在 1 分钟内调用 10 次的 API

function throttling(callback, limit, time) {
    /// monitor the count
    var calledCount = 0;

    /// refresh the `calledCount` varialbe after the `time` has been passed
    setInterval(function(){ calledCount = 0 }, time);

    /// creating a closure that will be called
    return function(){
        /// checking the limit (if limit is exceeded then do not call the passed function
        if (limit > calledCount) {
            /// increase the count
            calledCount++;
            callback(); /// call the function
        } 
        else console.log('not calling because the limit has exceeded');
    };
}
    
//////////////////////////////////////////////////////////// 
// how to use

/// creating a function to pass in the throttling function 
function cb(){
    console.log("called");
}

/// calling the closure function in every 100 milliseconds
setInterval(throttling(cb, 3, 1000), 100);

下面是我在 9LOC 的 ES6 中实现油门功能的方法，希望对你有帮助

function throttle(func, delay) {
  let timeout = null
  return function(...args) {
    if (!timeout) {
      timeout = setTimeout(() => {
        func.call(this, ...args)
        timeout = null
      }, delay)
    }
  }
}

单击此链接以查看它是如何工作的。