type
status
date
tags
category
icon
password

Promise规范

Promise是一套专门处理异步场景的规范,它能有效的避免回调地狱的产生,使异步代码更加清晰、简洁、统一
这套规范最早诞生于前端社区,规范名称为Promise A+
该规范出现后,立即得到了很多开发者的响应
Promise A+ 规定:
  1. 所有的异步场景,都可以看作是一个异步任务,每个异步任务,在JS中应该表现为一个对象,该对象称之为Promise对象,也叫做任务对象
notion image
2.每个任务对象,都应该有两个阶段、三个状态
notion image
根据常理,它们之间存在以下逻辑:
  • 任务总是从未决阶段变到已决阶段,无法逆行
  • 任务总是从挂起状态变到完成或失败状态,无法逆行
  • 时间不能倒流,历史不可改写,任务一旦完成或失败,状态就固定下来,永远无法改变
 
3.挂起->完成,称之为resolve挂起->失败称之为reject。任务完成时,可能有一个相关数据;任务失败时,可能有一个失败原因。
notion image
4.可以针对任务进行后续处理,针对完成状态的后续处理称之为onFulfilled,针对失败的后续处理称之为onRejected
notion image

Promise API

ES6提供了一套API,实现了Promise A+规范
基本使用如下:
 

catch方法

.catch(onRejected) = .then(null, onRejected)

链式调用

notion image
  1. then方法必定会返回一个新的Promise
    1. 可理解为后续处理也是一个任务
  1. 新任务的状态取决于后续处理:
      • 若没有相关的后续处理,新任务的状态和前任务一致,数据为前任务的数据
      • 若有后续处理但还未执行,新任务挂起。
      • 若后续处理执行了,则根据后续处理的情况确定新任务的状态
        • 后续处理执行无错,新任务的状态为完成,数据为后续处理的返回值
        • 后续处理执行有错,新任务的状态为失败,数据为异常对象
        • 后续执行后返回的是一个任务对象,新任务的状态和数据与该任务对象一致
由于链式任务的存在,异步代码拥有了更强的表达力

Promise的静态方法

方法名
含义
Promise.resolve(data)
直接返回一个完成状态的任务
Promise.reject(reason)
直接返回一个拒绝状态的任务
Promise.all(任务数组)
返回一个任务 任务数组全部成功则成功 任何一个失败则失败
Promise.any(任务数组)
返回一个任务 任务数组任一成功则成功 任务全部失败则失败
Promise.allSettled(任务数组)
返回一个任务 任务数组全部已决则成功 该任务不会失败
Promise.race(任务数组)
返回一个任务 任务数组任一已决则已决,状态和其一致

async

async关键字用于修饰函数,被它修饰的函数,一定返回Promise

await

await关键字表示等待某个Promise完成,它必须用于async函数中
await也可以等待其他数据
如果需要针对失败的任务进行处理,可以使用try-catch语法
 
事件循环CommonJS
Loading...
杨敢敢
杨敢敢
一个普通的干饭人🍚
Latest posts
ReactivityApi
2025-3-8
vite的原理
2025-3-8
ES Module
2025-3-8
网络
2025-3-8
CommonJS
2025-3-8
Promise
2025-3-8
Announcement
🤖 本博客运行状态播报
「前端代码持续乱炖中,不定期揭盖撒点新调料~」
✨ 功能更新:
  • 本周新增《摸鱼学导论》彩蛋按钮(开发者已掉3根头发)
  • 页面动画效果:假装加载很快的样子✨
🚨 高危预警:
评论区开放「野生bug收容所」👉 来帮我抓虫/投喂技术冷笑话/用表情包远程撸猫
(小声:下次更新可能是明天,也可能是下辈子👻)