理解Promise.all

一,Promise.all的使用

Promise.all可以将多个Promise的实例包装成一个新的Promise的实例。同时也有成功和失败的返回值,其值也不同。

成功的时候返回的是一个结果数组,而失败的时候则返回被reject失败状态的值。

例如:

const result1 = new Promise((resolve,reject) => {

     resolve(‘成功’)

})

const result2 = new Promise((resolve,reject) => {

  resolve('成功')

})

const result3 = Promise.reject('失败')

Promise.all([result1,result2]).then((result) => {

  cosnole.log('成功')

}).catch((error) => {

console.log('失败')

//没打印出

})

Promise.all([result1,result3,result2]).then((result) => {

  console.log('成功')

//-没打印出来

}).catch((e) => {

   console.log('失败')

//-有打印

})

Promise.all在处理多个异步请求时非常有用。如一个页面上需要两个或多个ajax回来以后才正常显示

用Promise.all就再好不过了。

其中一点Promise.all获得的成功结果的数组里面的顺序和接受的数组顺序一至,哪怕他接受的成功的状态晚与后面的。

这是有好处的。在前端开发请求中,偶尔遇到多个请求Promise.all则可以解决这个问题。

猜你喜欢

转载自blog.csdn.net/qq_36205856/article/details/84879342