promise的流程的实现

Question

我有一个函数，里面new了三个promise，然后我需要怎么调用这个函数才能实现将这里面的三个promise一个一个的进行。
function ALL(arr){
function fun1{
var promise1=new promise;
}
function fun2{
var promise2=new promise;
}
function fun3{
var promise3=new promise;
}

}
all([fun1,fun2,fun3]).then.....

大概是这个意思。。。。

Answer 1

我知道我理解的对不对: 你有几个方法, 执行之后会返回promise, 你希望这几个promise一个接一个执行,有点类似fun1().then(fun2).then(fun3);

如果你用过 bluebird ,它有一个promise.map 应该可以满足你的要求;

如果不想用 bluebird, 可以定义一个简单的 Promise 队列

function queue(arr){
    var _ok,_no;
    var values=[];
    var _arr = arr.slice(0);
    function run(){
        if(!_arr.length){
            return _ok(values);
        }
        var job = _arr.shift();
        Promise.resolve(typeof job == 'function'?job():job).then(v=>{
            values.push(v);
            run();
        },_no)

    }
    return new Promise(function(ok,no){
        _ok = ok;
        _no = no;
        run();
    });
}

使用方法如下:

function fn1(){
    return new Promise(function(res,rej){
        setTimeout(function(){
            console.log('fn1');
            res('fn1')
        },500,'fn1')
    })
}

function fn2(){
    return new Promise(function(res,rej){
        console.log('fn2');
        res('fn2')
    })
}

var arr = [
    fn1,
    fn2
]

queue(arr).then(console.log);

其实如果你能用 async/await 就更简单了:

async function run(arr){
    let values = [];
    for(let i=0; i<arr.length; i++){
        values.push(await arr[i]());
    }
    return values;
}
run(arr).then(console.log)

Answer 2

Promise.all是并行的关系，虽然是都成功，但没有规定非要按照顺序执行。

http://liubin.org/promises-bo... 这个文档有详细的介绍

Answer 3

主要的思想还是得在上一个promise状态发生改变后，才去执行下一个promise:

let pArr = [p1, p2, p3]
let iterator = pArr[Symbol.iterator]()
let val = new Array(pArr.length)

const runNext = () => {
    let promise
    for (let next = iterator.next(); !next.done; next = iterator.next()) {
        let value = next.value
        promise = value
        break;
    }
    
    if (!promise) {
        return Promise.resolve(val)
    }
    
    return promise.then((value) => {
        val.push(value)
        return runNext()
    })
}

Answer 4

promise.all是并行的，里面所有完成或第一个失败才结束。你想要一个一个来就链式链接,then(fun1).then(fun2)...

Answer 5

Promise.all

Answer 6

fun1 里面 return fun2() , fun2 里面 return fun3()