0

0

什么是javascript中的Promise对象_怎样处理异步操作的成功与失败【教程】

紅蓮之龍

紅蓮之龍

发布时间:2026-01-22 15:00:02

|

245人浏览过

|

来源于php中文网

原创

promise 是对异步状态的封装,非同步化工具;new promise(fn) 中 fn 立即执行且须调用 resolve/reject;.then()/.catch() 每次返回新 promise,状态由回调返回值或错误决定。

什么是javascript中的promise对象_怎样处理异步操作的成功与失败【教程】

Promise 是 JavaScript 中处理异步操作的标准方式,它本身不是“解决异步的工具”,而是对异步状态的封装和统一接口。 你不能靠它“让异步变同步”,但能用它避免回调地狱、清晰表达成功/失败路径,并支持链式响应。

Promise 构造函数怎么写:new Promise(fn) 中的 fn 必须接收 resolve 和 reject

创建 Promise 实例时传入的函数会被立即执行,且必须调用 resolve()reject() 来改变其内部状态:

  • resolve(value) 触发 fulfilled 状态,后续 .then() 的第一个回调被调用
  • reject(reason) 触发 rejected 状态,后续 .catch().then(null, fn) 被调用
  • 如果构造函数里抛出未捕获错误(如 throw new Error()),等价于自动调用 reject()
  • 不调用 resolvereject,Promise 会一直卡在 pending 状态,不会触发任何后续处理

.then() 和 .catch() 的执行逻辑:链式调用中每个 .then() 都返回新 Promise

这是最容易误解的地方:每次调用 .then().catch() 都会返回一个新的 Promise,它的状态取决于回调函数的返回值或抛出的错误:

VIVA
VIVA

一个免费的AI创意视觉设计平台

下载
  • 回调返回普通值(如字符串、数字)→ 新 Promise 状态为 fulfilled,值为该返回值
  • 回调返回另一个 Promise → 新 Promise 状态和值由该 Promise 决定(即“扁平化”)
  • 回调中抛出错误 → 新 Promise 状态为 rejected,reason 为该错误
  • .catch() 只捕获前一个 Promise 链中未被处理的 rejected 状态,包括上层 .then() 回调里抛出的错误

常见错误场景:忘记 return、误用 try/catch、混用 async/await 和 .then()

这些不是语法错误,但会导致逻辑失控或异常静默:

立即学习Java免费学习笔记(深入)”;

  • .then() 回调里忘记 return fetch(...) → 后续 .then() 接收到 undefined,而不是预期的 Response
  • try/catch 包裹 new Promise(...) 本身 → 捕获不到异步内部的错误,因为 resolve/reject 是异步调度的
  • async 函数里又对 await fn() 调用 .then() → 多余且易错,应直接用 await + try/catch
  • Promise.all([]) 传入空数组 → 立即返回 fulfilled Promise,不是 pending;但传入含 rejected Promise 的数组会立刻 reject,不会等其他完成

真正难的不是写对一个 Promise,而是理解「每个 .then() 都开启新上下文」——错误常发生在你以为数据还在原链里,其实已经被新 Promise 截断或转换了。调试时多打 console.log 查看每一步的返回值类型,比背规则更管用。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

254

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1089

2024.03.01

scripterror怎么解决
scripterror怎么解决

scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

492

2023.10.18

500error怎么解决
500error怎么解决

500error的解决办法有检查服务器日志、检查代码、检查服务器配置、更新软件版本、重新启动服务、调试代码和寻求帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

382

2023.10.25

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

760

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1566

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

649

2023.11.24

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

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

精品课程

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

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号