Promise学习:promise.all()方法

 

 

Promise学习:promise.all()方法_第1张图片

Promise学习:promise.all()方法_第2张图片

Promise学习:promise.all()方法_第3张图片

例子:

Promise.all([1,2,3])
.then( all => {
    console.log('1: ',all);
    return Promise.all([function(){
        console.log("ooxx")
    },"xxoo",false])
})
.then( all => {
    console.log('2: ',all);
    let p1 = new Promise( resolve => {
        setInterval( () => {
            resolve("I\'m P1")
        },1500);
    })
    let p2 = new Promise( resolve => {
        setInterval( () => {
            resolve("I\'m P2")
        },1400);
    })
    let p3 = new Promise( resolve => {
        setInterval( () => {
            resolve("I\'m P3")
        },1000);
    })
    return Promise.all([p1 ,p2 ,p3 ]);
})
.then( all => {
    console.log('3: ',all);
    let p1 = new Promise( (resolve,reject) => {
        setInterval( () => {
            resolve("I\'m P1")
        },1500);
    })
    let p2 = new Promise( (resolve,reject) => {
        setInterval( () => {
            reject("I\'m P2")
        },1400);
    })
    let p3 = new Promise( (resolve,reject) => {
        setInterval( () => {
            reject("I\'m P3")
        },1000);
    })
    return Promise.all([ p1, p2, p3]);
})
.then( all => {
    console.log('4: ',all);
})
.catch( error => {
    console.log('Error: ' + error)
})
1: 
Array(3) [1, 2, 3]
2: 
Array(3) [, "xxoo", false]
3: 
Array(3) ["I'm P1", "I'm P2", "I'm P3"]
Error: I'm P3

其中返回的都是promise实例,

第一组是值构成的数组实例

第二组是由函数,字符,boolean构城的实例

第三组是三个promise实例构成的数组实例

第四个是由于reject构成错误,抛出异常,由于P3比P2结束的快,所以抛出P3

综上,promise.all()将所有内容包装城一个新的promise,只不过内部由数组构成而已。

你可能感兴趣的:(前端)