Promise 的状态更新怎么通知异步任务

大枫姑娘_7404

大枫姑娘_7404

2026-07-11

850人浏览

原创

promise 状态更新不主动通知异步任务,而是通过 resolve/reject 同步改变 pending 状态为 fulfilled/rejected,并将对应回调加入微任务队列自动执行;then/catch 是注册响应函数而非监听器,状态不可逆且不可直接读取。

promise 的状态更新怎么通知异步任务

Promise 的状态更新本身不“通知”异步任务,而是通过状态变化触发后续注册的回调函数(then 或 catch),从而让异步任务的后续逻辑得以执行。关键不是“通知”,而是状态凝固后自动调度已注册的响应函数。

状态更新只发生在 resolve/reject 调用时

Promise 创建时处于 pending 状态。只有在执行器函数中显式调用 resolve() 或 reject() 时,状态才会不可逆地转为 fulfilled 或 rejected。这个过程是同步发生的,但常被包裹在异步操作(如 setTimeout、fetch、axios)内部:

  • 调用 resolve(value) → 状态变为 fulfilled,值被保存,所有已注册的 then 成功回调排队进入微任务队列
  • 调用 reject(reason) → 状态变为 rejected,错误被保存,所有已注册的 catch 或 then 失败回调排队进入微任务队列
  • 一旦状态变更,就再也不会改变 —— 即使之后再调用 resolve 或 reject,也无效

then/catch 是响应机制,不是监听器

你写 .then(onFulfilled) 或 .catch(onRejected),并不是在“监听”状态,而是在 Promise 实例上注册一个响应函数。当状态变为 fulfilled 时,onFulfilled 会被调用;变为 rejected 时,onRejected(或最近的 catch)被调用。它依赖的是 Promise 内部的状态机和微任务调度机制:

Web前端Promise教程从入门到精通课件
Web前端Promise教程从入门到精通课件

Web前端Promise教程从入门到精通课件

下载
  • 如果 Promise 已经是 fulfilled,then 回调会立即作为微任务加入队列
  • 如果 Promise 还是 pending,then 回调会被暂存,等 resolve/reject 调用后再触发
  • 每个 then/catch 都返回一个新的 Promise,所以链式调用中的每一步都基于前一步的返回值重新创建状态

异步任务如何“感知”状态更新

实际开发中,你不需要手动轮询或监听状态。只要把后续逻辑写在 then 或 catch 里,JavaScript 引擎会在状态确定后自动执行它们。例如:

  • 用 fetch 发起请求 → 返回一个 pending Promise → 在 .then 中处理响应数据 → 状态变为 fulfilled 后自动执行
  • 封装 axios 请求时,在 resolve 中传入 data → 组件里调用该函数,用 .then 更新 state → 状态更新由 Promise 自动驱动
  • 使用 ToastPromise 时,它内部监听 Promise 状态,自动在 pending 显示加载提示、fulfilled 显示成功、rejected 显示错误 —— 底层仍是基于 resolve/reject 触发的回调

常见误区:不要试图“读取”当前状态做判断

Promise 实例没有公开的 .status 属性(Chrome 控制台显示的 [[PromiseState]] 是内部属性,不可靠且非标准)。你不该写类似 if (p.status === 'fulfilled') 的代码。正确做法是:

  • 始终用 .then().catch() 声明响应逻辑
  • 需要组合多个异步任务时,用 Promise.all、Promise.race 等静态方法
  • 想主动中断或取消?原生 Promise 不支持取消,需配合 AbortController 或封装可取消 Promise

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

异步任务

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
promise的用法
promise的用法

“promise” 是一种用于处理异步操作的编程概念,它可以用来表示一个异步操作的最终结果。Promise 对象有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。Promise的用法主要包括构造函数、实例方法(then、catch、finally)和状态转换。

2023.10.12

4220

6

html文本框类型介绍
html文本框类型介绍

html文本框类型有单行文本框、密码文本框、数字文本框、日期文本框、时间文本框、文件上传文本框、多行文本框等等。详细介绍:1、单行文本框是最常见的文本框类型,用于接受单行文本输入,用户可以在文本框中输入任意文本,例如用户名、密码、电子邮件地址等;2、密码文本框用于接受密码输入,用户在输入密码时,文本框中的内容会被隐藏,以保护用户的隐私;3、数字文本框等等。

2023.10.12

3543

6

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

2026.09.30

80

10

LLVM RISC-V参数配置教程
LLVM RISC-V参数配置教程

本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

2026.09.30

80

14

LLVM IR中间表示入门指南
LLVM IR中间表示入门指南

本专题整理LLVM IR的核心概念,包括中间表示作用、模块结构、函数、基本块、SSA形式、类型系统和常见语法,帮助新手理解LLVM编译流程中的关键层。

2026.09.30

80

12

PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

2026.09.30

60

26

PixTV AI视频生成与无限画布创作
PixTV AI视频生成与无限画布创作

PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

2026.09.29

60

15

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

2026.09.23

280

15

Buffalo框架路由与请求处理实操指南
Buffalo框架路由与请求处理实操指南

本专题讲解Buffalo框架路由与请求处理机制,涵盖路由注册与分组、资源路由、Handler编写规范、Context上下文方法、参数绑定、中间件编写挂载、Session与Cookie读写、Flash消息及错误页面定制方法。

2026.09.23

160

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程