Skip to content

Promise 是用来解决异步场景的一个工具,在以前的异步场景中,我们均使用回调函数来解决异步场景,这种模式在一些场景下是非常不好的,比如我要串行处理一串异步场景,按顺序处理 A, B, C 三个异步场景,那么处理 A 的时候我需要传入一个回调函数,在 A 的回调函数中处理 B,处理 B 的时候又需要一个回调函数,在回调函数中处理 C,这样就产生了回调函数的多重嵌套,这是非常不利于阅读的。这种嵌套的回调我们也叫作回调地狱。

Promise 就是用来解决回调地狱的方式。

Promise规范 ​

Promise是一套专门处理异步场景的规范,它能有效的避免回调地狱的产生,使异步代码更加清晰、简洁、统一

这套规范最早诞生于前端社区,规范名称为Promise A+

该规范出现后,立即得到了很多开发者的响应

Promise A+ 规定:

  1. 所有的异步场景,都可以看作是一个异步任务,每个异步任务,在JS中应该表现为一个对象,该对象称之为Promise对象,也叫做任务对象

    399853b13c23a234e6666ca8feed8a0a_MD5

  2. 每个任务对象,都应该有两个阶段、三个状态

    c5abb12c383fbb032ea3cc172436b312_MD5

    根据常理,它们之间存在以下逻辑:

    • 任务总是从未决阶段变到已决阶段,无法逆行

    • 任务总是从挂起状态变到完成或失败状态,无法逆行

    • 时间不能倒流,历史不可改写,任务一旦完成或失败,状态就固定下来,永远无法改变

  3. 挂起->完成,称之为resolve;挂起->失败称之为reject。任务完成时,可能有一个相关数据;任务失败时,可能有一个失败原因。

    d12a477aa32c7405eec0d468085581d7_MD5

  4. 可以针对任务进行后续处理,针对完成状态的后续处理称之为onFulfilled,针对失败的后续处理称之为onRejected

![Pasted image 20240425140801](/notes-assets/03.ES6/7.异步处理/assets/Pasted image 20240425140801.png)

Promise API ​

ES6提供了一套API,实现了Promise A+规范

基本使用如下:

js
 // 创建一个任务对象,该任务立即进入 pending 状态  
 const pro = new Promise((resolve, reject) => {  
   // 任务的具体执行流程,该函数会立即被执行  
   // 调用 resolve(data),可将任务变为 fulfilled 状态, data 为需要传递的相关数据  
   // 调用 reject(reason),可将任务变为 rejected 状态,reason 为需要传递的失败原因  
 });  
 ​  
 pro.then(  
   (data) => {  
     // onFulfilled 函数,当任务完成后,会自动运行该函数,data为任务完成的相关数据  
   },  
   (reason) => {  
     // onRejected 函数,当任务失败后,会自动运行该函数,reason为任务失败的相关原因  
   }  
 );

以笔记为镜,可以知得失