JavaScript ES6 Promise#

Promise 状态#

Promise 状态

• pending（进行中） ----> fulfilled/resolved（成功）
• pending（进行中） ----> rejected（失败）

只要处于 fulfilled/resolved [成功] 和 rejected [失败]，状态就不会再变。

1. 创建 Promise 参数内的函数会立即执行，并返回 Promise 对象
2. 两个参数代表状态，resolve 成功调用，reject 失败调用

1const p1 = new Promise((resolve, reject) => {
2  if (1)
3    resolve('成功')
4  else
5    reject('失败')
6})

3. 返回 Pormise 对象调用 then 方法，第一个参数对象 resolve 成功后的回调，第二个参数对应 reject 失败时回调。then 方法也会返回 Promise 对象

1p1.then(
2  (value) => {
3    console.log(value)
4  },
5  (err) => {
6    console.log(err)
7  }
8)

4. then 方法执行成功的回调时，如果发生错误，不会被第二个参数对应 reject 失败时回调捕捉到。
5. then 方法执行成功的回调发生错误是，链式调用 catch 方法可以捕捉前面 then 方法发生的错误

1p1.then((val) => {
2  代码块有发生错误
3}).catch((e) => {
4  console.log(e)
5})

Promise.all()与 Promise.race()#

1Promise.all([Promise 对象,Promise 对象...]) // 批量执行

1. 传入数组中包含多个 Promise 实例，也可以是别的值，all 包装成一个新的 Promise
2. 全部都成功后，返回每个 Promise 成功的值 ["resolve 成功值 1", "resolve 成功值 1"]
3. 任何一个失败，返回第一个失败的 Promise 结果

1Promise.race([Promise 对象,Promise 对象...])

不管成功还是失败、哪个结果获得的快，就返回那个结果。