0

0

如何实现异步编程_JavaScript中Promise的基本用法是什么

狼影

狼影

发布时间:2026-01-05 12:35:02

|

500人浏览过

|

来源于php中文网

原创

Promise是JavaScript处理异步操作的标准容器,用于解决回调嵌套问题;适用于需串行执行多个有依赖的异步任务,且是理解async/await的前提。

如何实现异步编程_javascript中promise的基本用法是什么

Promise 是什么,什么时候该用它

Promise 不是语法糖,也不是替代回调的“新写法”,它是 JavaScript 中处理异步操作的标准化容器。当你需要串行执行多个异步任务(比如先 fetch 用户数据,再用 ID 去查订单),又不想陷入回调嵌套(callback hell),Promise 就是第一道防线。

它不是万能的——如果只是单次异步调用且后续无依赖,直接用 async/await 更自然;但理解 Promise 是用好 async/await 的前提,因为后者本质是 Promise 语法糖。

创建和使用 Promise 的三个关键状态

Promise 实例一创建就处于 pending 状态,之后只能变成 fulfilled(成功)或 rejected(失败),且不可逆。这个不可变性决定了你不能“重试”一个已 settle 的 Promise,必须新建。

  • new Promise((resolve, reject) => {...}) 构造函数里必须调用 resolve()reject(),否则状态永远卡在 pending
  • .then(onFulfilled, onRejected) 中的 onRejected 不会捕获 onFulfilled 内抛出的错误,要靠链式调用后的下一个 .catch() 或第二个参数
  • .catch() 等价于 .then(null, onRejected),但更常用,也更易读
const p = new Promise((resolve, reject) => {
  setTimeout(() => {
    Math.random() > 0.5 ? resolve('done') : reject(new Error('fail'));
  }, 100);
});
<p>p.then(result => console.log(result))
.catch(err => console.error(err.message));

Promise 链式调用中返回值的规则

这是最容易出错的地方:每个 .then() 回调的返回值,会自动包装成新的 Promise,并决定下一级的状态。

Rose.ai
Rose.ai

一个云数据平台,帮助用户发现、可视化数据

下载

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

  • 返回一个普通值(如字符串、数字)→ 下一个 .then()onFulfilled 接收到该值
  • 返回一个 Promise 实例 → 下一个 .then() 等待它 settle 后,接收其 resolve 的值
  • 抛出异常或返回 Promise.reject(...) → 下一个 .then()onRejected 被触发,或被后续 .catch() 捕获
Promise.resolve(1)
  .then(x => x + 1)                    // 返回 2 → 下一级收到 2
  .then(x => Promise.resolve(x * 2))     // 返回 Promise(4) → 下一级收到 4
  .then(x => { throw new Error('boom') })
  .catch(err => console.log(err.message)); // 'boom'

常见陷阱:忘记 return、误用 catch、忽略错误边界

Promise 链一旦断开(比如某个 .then() 里没 return),后续步骤就收不到值;而错误如果没有被任何 .catch() 捕获,会变成 unhandled rejection,现代浏览器或 Node.js 会直接报错退出进程。

  • async 函数里用 try/catch 捕获错误,比在 Promise 链末尾加 .catch() 更可靠
  • Promise.all([p1, p2, p3]) 任意一个 reject 就整体失败;需要全部结果不管成败,改用 Promise.allSettled()
  • 避免在循环中连续创建未 await 的 Promise(如 arr.map(x => fetch(x))),除非你明确要并发发起请求

真正难的不是写对第一个 Promise,而是保证整条链的错误有出口、值能正确透传、并发控制不越界。这些细节在真实项目里比语法本身消耗更多调试时间。

相关文章

编程速学教程(入门课程)
编程速学教程(入门课程)

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

下载

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

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

WorkBuddy
WorkBuddy

腾讯云推出的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

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中文网学习。

1567

2023.10.24

字符串介绍
字符串介绍

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

650

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

1228

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

1204

2024.04.29

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

26

2026.03.13

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
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号