语法:Promise.all(iterable);
参数:iterable
一个可迭代对象,如 Array 或 String。
返回值:如果传入的参数是一个空的可迭代对象,则返回一个已完成(already resolved)状态的 Promise。
如果传入的参数不包含任何 promise,则返回一个异步完成(asynchronously resolved) Promise。注意:Google Chrome 58 在这种情况下返回一个已完成(already resolved)状态的 Promise。
其它情况下返回一个处理中(pending)的Promise。这个返回的 promise 之后会在所有的 promise 都完成或有一个 promise 失败时异步地变为完成或失败。 见下方关于“Promise.all 的异步或同步”示例。返回值将会按照参数内的 promise 顺序排列,而不是由调用 promise 的完成顺序决定。
let p = Promise.all( [await uploadFile(fileParams1),await uploadFile(fileParams2)])
p.then(arr=>{
}).catch((e)=>{
console.log(e)
}).finally(()=>{
fileLoading.value = false
})
Promise.all()使用
- Promise.all方法可以把多个promise实例包装成一个新的promise实例;
Promise.all([promise1,promise2]):Promise—最终返回Promise实例; - 全部加载成功 则返回所有promise实例中resolve()回来带的参数,按数组中一一对应的顺序所集合的数组
若任意有一个失败 ,立即决议失败,将失败的promise实例(reject()中参数)传递给我们; - 若Promise.all([ ])中,数组为空数组,则立即决议为成功执行resolve( );
- Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。
数组项全部决议为成功时:
//Promise.all方法可以把多个promise实例 包装成一个新的promise实例
//Promise.all([ promise1, promise2]) :Promise 接收一个数组,数组中的每一项都是promise实例,最终返回的也是一个promise实例
//它分三种情况,第一种是数组中的所有promise都决议为成功的话,Promise.all就会决议为成功;
//第二种是数组中任意一个promise实例决议为失败的时候,Promise.all就会立即决议为失败
//第三种是Promise.all()中是一个空数组的时候,Promise.all就会立即决议为成功
//模拟需要多个请求的数据,才能进行下一步操作的情况
function getData1(){
return new Promise( (resolve,reject) => {
setTimeout( () => {
console.log('第一条数据加载成功');
resolve('data1');
},1000)
})
}
function getData2(){
return new Promise( (resolve,reject) =>{
setTimeout( () => {
console.log('