面试被问到的promise总结

promise.all的使用。

promise.all可以将多个promise实例包装成一个新的promise实例，并且返回的值也不相同，成功使，promise返回的值是一个结果数组，而失败的话就是返回最先响应的失败的值。

具体代码如下：

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)      // 失败了，打出 '失败'
})

promise.all在处理多个异步数据请求的时候非常实用，比如说一个页面需要请求来两个甚至更多的Ajax请求数据后才能正常显示，在此之前使用loading图标显示。

代码如下：

let wake = (time) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`${time / 1000}秒后醒来`)
    }, time)
  })
}

let p1 = wake(3000)
let p2 = wake(2000)

Promise.all([p1, p2]).then((result) => {
  console.log(result)       // [ '3秒后醒来', '2秒后醒来' ]
}).catch((error) => {
  console.log(error)
})

不过在使用的过程中需要注意的是，promise.all获得成功的数据是一个数组，并且根据传入参数数据顺序是一致，既p1在前，p2在后。因此在日常开发中，发送多个请求数据时，可以根据不同数据的请求顺序来使用数据，promise.all就能很完美的解决这个问题。

promise.race的使用

promise.race的话，从字面上看的话就是谁的响应速度快的话就谁先返回，不管是成功的回调还是失败的回调数据。

代码如下：

let p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('success')
  },1000)
})

let p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('failed')
  }, 500)
})

Promise.race([p1, p2]).then((result) => {
  console.log(result)
}).catch((error) => {
  console.log(error)  // 打开的是 'failed'
})

使用场景：把异步操作和定时器放到一起，如果定时器先触发，认为超时，告知用户.