Задача. Реализовать последовательное выполнение произвольного количества функций. Если точнее, то каждая следующая функция должна начинать свое выполнение только по завершении другой.
Неочевидный момент. Что, если функции выполняются асинхронно, откладывая свой запуск? Каким образом отследить завершение выполнения такой функции.
'use strict';
let functionsToCall = [myFunc1, myFunc2, myFunc3, myFunc4, myFunc5];
sequence(functionsToCall);
function sequence(fns) {
let sFns = fns.map(function(func, index, array) {
if (array.length - 1 === index) return func;
return loggingDecorator(sequenceDecorator(func, array[index + 1]));
});
for (let i = 0; i < sFns.length; i++) {
if (i !== 0 && i % 2 === 1) continue;
sFns[i]();
}
}
function sequenceDecorator(f, afterFunc) {
return function() {
let res = f.apply(this, arguments);
afterFunc();
return res;
}
}
// Логируем вызовы функций
function loggingDecorator(f) {
return function() {
console.log('Start execution');
f.apply(this, arguments);
console.log('End execution');
};
}
// myFunc1, myFunc2, и т.д. - простые, однотипные функции
function myFunc1() {
setTimeout(function() {
for (let i = 0; i < 10; i++) {
console.log('%c%d', 'color: red', i);
}
}, 2000);
}
Фиддл. jsfiddle
array
)?