Правильное объяснение порядка выполнения JavaScript

Question

Я знаю, что есть много вопросов по этому вопросу, но все они адаптированы к конкретному случаю. Я задаю этот вопрос и надеюсь на ответ, который каждый может использовать, рассматривая этот вопрос.

Скажем, у меня есть три функции, которые нужно выполнить в порядке, и все они делают что-то асинхронное.

Для двух функций это просто с обратным вызовом:

var fOne = function(callback) { 
    // do stuff 
    callback(); 
}; 

var fTwo = function() { 
    // do stuff 
}; 

Призвание:

fOne(fTwo); 

Делает fTwo быть запущен после того, как FONE завершена. Как добавить fThree в этот случай, чтобы он запускался после fTwo, который запускается после fOne?

Answer 1

В принципе, если я правильно понимаю ваш вопрос, вам нужно передать лямбду в fOne, чтобы иметь возможность добавлять аргументы в fTwo, а затем fTwo собирать обратный вызов и называть его как fOne.

var fOne = function(callback) { 
    // do stuff 
    callback(); 
}; 

var fTwo = function(callback) { 
    // do stuff 
    callback(); 
}; 

var fThree = function() { 
    // do stuff 
}; 

fOne(function() { fTwo(fThree); }); // <- lambda 

Answer 2

Поскольку вы не используете отсроченных и обещает запустить одновременно асинхронный действия, а только начинается один, когда другой закончил, добавив третий идет почти одинаково:

var fOne = function(callback) { 
    console.log('1') 
    callback(); 
}; 

var fTwo = function(callback) { 
    console.log('2') 
    callback(); 
}; 

var fThree = function() { 
    console.log('3') 
}; 

fOne(function() { 
    fTwo(function() { 
     fThree(); 
    }); 
}); 

FIDDLE

Answer 3

еще один подход, который я придумал:

var stack = [fOne, fTwo, fThree]; 
stack.shift()(function() { 
    stack.shift()(stack[0]); 
}); 

Где вы определяете functins как:

function fOne(callback) { 
    setTimeout(function() { // <-- example of async task 
     alert('fOne done'); 
     callback && callback(); 
    }, 1000); 
} 

http://jsfiddle.net/kRMr8/2/