javascript - 限制 JavaScript 函数调用，但要排队(不要丢弃调用)

Question

函数如何对其调用进行速率限制？如果调用过于频繁，则不应丢弃调用，而应及时排队并间隔 X 毫秒。我看过 throttle和 debounce ，但它们会丢弃调用而不是将它们排队等待将来运行。

有什么比在 X 毫秒间隔内设置 process() 方法的队列更好的解决方案？ JS框架中有这样的标准实现吗？我看过 underscore.js到目前为止 - 没有。

Answer 1

没有库应该很简单:

var stack = [], 
    timer = null;

function process() {
    var item = stack.shift();
    // process
    if (stack.length === 0) {
        clearInterval(timer);
        timer = null;
    }
}

function queue(item) {
    stack.push(item);
    if (timer === null) {
        timer = setInterval(process, 500);
    }
}

http://jsfiddle.net/6TPed/4/