Javascript异步请求顺序执行

问题描述

问 题

(function() {
    // your code
}(function(next) {
    setTimeout(function() {
        console.log('method 1');
        next('method 1 complete!');
    }, 200);
}, function(next, data) {
    setTimeout(function() {
        console.log(data);
        console.log('method 2');
        next('method 2 complete!');
    }, 100);
}, function(data) {
    console.log(data);
    console.log('end');
}));

// method 1
// method 1 complete!
// method 2
// method 2 complete!
// end

你最少可以用几行代码补齐这段代码

解决方案

(function() {
    var funArray=Array.prototype.slice.call(arguments,0);
    funArray.map(function(funItem,index){
            funArray[index]=function(data){
              funItem.apply(null,index+1===funArray.length?[data]:[funArray[index+1], data]);
           }
    });
    
    funArray[0].call(null);
    
}(function(next) {
    setTimeout(function() {
        console.log('method 1');
        next('method 1 complete!');
    }, 200);
}, function(next, data) {
    setTimeout(function() {
        console.log(data);
        console.log('method 2');
        next('method 2 complete!');
    }, 100);
}, function(data) {
    console.log(data);
    console.log('end');
}));

这篇关于Javascript异步请求顺序执行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！