Promise 规范
Promise是一套专门处理异步场景的规范,它能有效的避免回调地狱的产生,使异步代码更加清晰、简洁、统一。 这套规范最早诞生于前端社区,规范为 promise A+ promise A+ 规定
- 所有异步场景,都可以看作一个异步任务,每个异步任务,在js中应该表现为一个对象,该对象称之为promise对象,也叫任务对象。
- 每个任务对象,都应该有两个阶段,三个状态
- 任务总是从未决阶段到已决阶段,无法逆行
- 任务总是从挂起状到完成或者失败状态,无法逆行
- 任务一旦完成或者失败,状态就固定下来了,永远不能改变
挂起->完成,称之为resolve;挂起->失败,称之为reject。任务完成时,可能有相关数据;任务失败时,可能有一个失败原因。- 可以针对任务进行后续处理,针对完成状态的后续称之为onFulfilled,针对失败的后续处理称之为onRejected
链式调用
- then方法必定返回一个新的promise,可以理解为
后续处理也是一个任务 - 新任务的状态取决后续处理;
- 若没有相关后续处理,新任务的状态和前任务一致,数据为前任务的数据
- 若有后续处理但还未执行,新任务挂机
- 若后续处理执行了,则根据后续处理的情况确定新任务的状态
- 后续处理执行无措,新任务状态为完成,数据为后续处理的返回值
- 后续处理执行有错,新任务状态为失败,数据为异常对象
- 后续执行返回的是一个任务对象,新任务的状态和数据与该任务的状态一致
promise 静态方法
| 方法名 | 含义 |
|---|---|
| Promise.resolve(data) | 直接返回一个完成状态的任务 |
| Promise.reject(reason) | 直接返回一个失败状态的任务 |
| Promise.all(任务数组) | 返回一个任务 任务数组全部成功则成功 任何一个失败则失败 |
| Promise.any(任务数组) | 返回一个任务 任何数组任一成功则成功 任务全部失败则失败 |
| Promise.allSettled(任务数组) | 返回一个任务 任务全部已决则成功 该任务不会失败 |
| Promise.race(任务数组) | 返回一个任务 任务数组任一已决,状态和其一致 |
async 和 await
回调消除
有了promise,异步任务就有了统一处理方式,有了统一处理方式,es官方就可以对其进一步优化
ES7推出了两个关键字async和await,用于更加优雅的表达Promise
asycn
asycn 关键字用于修饰函数,被他修饰的函数,一定返回promise
await
await 关键字表示等待某个promise完成,它必须用于async函数中
await也可以等待其他数据
(async ()=>{
const a = await 1 // 等同于 await Promise.resolve(1)
})()