Javascript函数队列

Question

我正在用Javascript和JQuery编写应用程序，我需要按照顺序调用函数，因此我考虑使用队列。 我已经看到了 ，但是（如果可能的话）我更喜欢抽象或避免在函数调用中使用function（next），如下例所示，因为我有很多自定义函数：

var fn1 = function(next){
    console.log("I am FN1");
    next();
}; 

有可能还是有其他选择，我不知道呢？

Answer 1

这些都没有经过测试，但是...您可以设置一系列函数并对其进行迭代：

var fn1 = function(){ code here };
var fn2 = function(){ code here };
var functionQueue = [ fn1, fn2 ];
$.each(function(functionQueue, functionItem){ functionItem(); });

或者，如果您特别想拥有一个“ next（）”函数，则可以执行以下操作：

var fn1 = function(){ code here };
var fn2 = function(){ code here };
var functionIndex 0;
var functionQueue = [ fn1, fn2 ];
var next = function(){ functionQueue[functionIndex++]() }

Answer 2

必须有各种选择。

一个人可能会使用异步及其瀑布函数：

 async.waterfall([ function firstFunction(callback1) { callback1(null, 'one', 'two'); }, function thisIsCallback1(arg1, arg2, callback2) { // arg1 now equals 'one' and arg2 now equals 'two' callback2(null, 'three'); }, function thisIsCallback2(arg1, lastCallback) { // arg1 now equals 'three' lastCallback(null, 'done'); } ], function (err, result) { // result now equals 'done' // If the first argument of any function defin in the array // is not falsy, this, function will be invoked and // err will have its value }); 

Answer 3

由于函数是一流的对象，因此可以将它们添加到数组中，然后使用Array.shift函数一个接一个地调用它们（对于先进先出方法）：

//define your functions
function fn1(){...}
function fn2(){...}

//create an array to store your function into
var functionQueue = [];

//push the functions into the array
functionQueue.push(fn1);
functionQueue.push(fn2);

//loop through the array, each time calling the first function
while(functionQueue.length > 0){
   (functionQueue.shift())();
}

我希望这有帮助！