Promise.all和Promise.race区别，和使用场景

时间 2019-11-10

标签 promise.all promise promise.race race 区别使用场景繁體版

原文原文链接

1、Pomise.all的使用

常见使用场景：多个异步结果合并到一块儿数组

Promise.all能够将多个Promise实例包装成一个新的Promise实例。用于将多个Promise实例，包装成一个新的Promise实例。异步

1.它接受一个数组做为参数。spa

2.数组能够是Promise对象，也能够是其它值，只有Promise会等待状态改变。code

3.当全部的子Promise都完成，该Promise完成，返回值是所有值的数组。对象

4.若是有任何一个失败，该Promise失败，返回值是第一个失败的子Promise的结果。blog

Promise.all([p1,p2,p3])

先举例以前咱们若是有多个异步请求，可是最终用户想要获得的是多个异步结果合并到一块儿，用以前代码举例进程

 console.log('start');
  var result1,result2="";
  //settimeout 模拟异步请求1
  setTimeout(() => {
    result1="ok1"
  }, 2000);
  //settimeout 模拟异步请求2
  setTimeout(() => {
    result1="ok2"
  }, 3000);
  //等待 异步1 异步2结果
 var tempInterval= setInterval(()=>{
    if(result1&&result2){
      console.log('data result ok ,,, clearInterval')
      clearInterval(tempInterval);
    }
  },100)

使用Promise.all来解决，上代码console

let p1 = new Promise((resolve, reject) => {
  resolve('成功了')
})

let p2 = new Promise((resolve, reject) => {
  resolve('success')
})

let p3 = Promse.reject('失败')

Promise.all([p1, p2]).then((result) => {
  console.log(result)               //['成功了', 'success']
}).catch((error) => {
  console.log(error)
})

Promise.all([p1,p3,p2]).then((result) => {
  console.log(result)
}).catch((error) => {
  console.log(error)      // 失败了，打出 '失败'
})

2、Pomise.race的使用

相似于Promise.all() ,区别在于它有任意一个返回成功后，就算完成，可是进程不会当即中止class

常见使用场景：把异步操做和定时器放到一块儿，若是定时器先触发，认为超时，告知用户定时器

let p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功了')
  }, 2000);
})

let p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('success')    
  }, 5000);
})


Promise.race([p1, p2]).then((result) => {
  console.log(result)               //['成功了', 'success']
}).catch((error) => {
  console.log(error)
})