⑨ promise

Promise 对象

• Promise 本身是同步的，但在执行 resolve 或者 rejects 时是异步的，即 then 方法是异步的

• Promise 是异步编程的一种解决方案，他是一个容器，里面存放着在未来才会结束的事件的结果。

1. Promise 对象有两个特点

1.1 对象的状态不受外界影响

• promise 有三种状态

  1. pending：初始状态

  2. fulfilled：操作成功

  3. rejected：操作失败

• 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态

1.2 一旦状态改变就不会再变

• promise 状态的改变只能有两种可能

  1. pending -> fulfilled

  2. pending -> rejected

2. promise 的缺点

1. 无法取消 promise，一旦新建它就会立即执行，无法中途取消

2. 如果不设置回调函数，promise 内部抛出的错误，不会反应到外部

3. 当处于 pending 状态时，无法得知目前进展到哪一个阶段

2. promise 的优点

1. 有了 Promise ，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数

2. promise 提供统一的接口，使得控制异步操作更加容易

3. promise.prototype.then()

p.then(value => {
  // fulfilled
}, reason => {
  // rejected
})

返回值：promise对象 --> 可以被链式调用

4. promise.prototype.catch()

p.catch(reason => {
  // 拒绝
})

返回值：promise对象 --> 可以被链式调用

描述

• catch() 可以用于 promise 组合中的错误处理

5. promise.prototype.finally()

p.finally(() => {
  // 返回状态为resolved或rejected
})

返回值：设置了 finally 回调函数的 promise 对象

6. promise.all()

Promise.all(iterable);

iterable

• 一个可迭代对象，如array | string

返回值

1. 一个新的 promise 对象。该 promise 对象 在 iterable 参数对象里所有都成功时才会触发成功，一旦有任何一个 iterable 里面的 promise 对象失败则立即触发该 promise 对象的失败。

2. 该 promise 对象在触发成功状态以后，会把一个包含 iterable 里所有的 promise 返回值的数组作为成功回调的返回值，顺序跟 iterable 的顺序保持一致。

3. 错误处理：若该 promise 对象触发了失败状态，它就把 iterable 里第一个触发失败的 promise 对象的错误信息作为它的错误信息。

使用

• promise.all() 等待所有都完成（或第一个失败）

• 若参数中包含非 promise 值，该值将会被忽略，但仍会被放在返回数组中

promise.all() 当且仅当传入的可迭代对象为空时为同步

7. promise.race()

promise.race(iterable)

返回值

1. promise 对象

2. 一旦迭代其中的某个 promise 解决或拒绝，返回的 promise 就会解决或拒绝

拓展

1 ajax、axios、promise的区别

• ajax 是 jQ 对原生 XHR 的封装。它通过在后台与服务器进行少量数据交换，使得页面可以在不重新加载整个页面的情况下，对网页进行局部更新，即实现了异步更新

• axios 是一个基于 promise 的 http 库，支持 promise 的所有 API，能够拦截请求和响应，能够转换请求和响应的数据，而且安全性更高

• promise 对象代表了未来将要发生的事件，用来传递异步操作的消息，用来解决异步操作的回调地狱

2 async 和 await 是什么？

• async、await 是函数定义的关键字

• await 用于等待 promise 的返回结果，并且只能在 async 声明的函数内使用

• 利用 async 声明的函数会返回一个 promise 对象

• async 函数的返回值就是 promise 状态为 resolved 的返回值