JavaScript Function Queue

Question

I have a ton of functions that need to run in succession, but not before the other has completed. What I need is a way to queue these functions to run only after the previou

Answer 1

You could create a Queue function:

function Queue(arr) {
    var i = 0;
    this.callNext = function() { 
        typeof arr[i] == 'function' && arr[i++]();
    };
}

So if these were your functions...

function f1() {
    alert(1);   
}

function f2() {
    alert(2);   
}

function f3() {
    alert(3);   
}

... you just pass them (their references) inside a new Queue instance:

var queue = new Queue([f1, f2, f3]);

Then you execute callNext() to call the functions sequentially:

queue.callNext();
queue.callNext();
queue.callNext();

---

Live demo: http://jsfiddle.net/CEdPS/3/