0

0

什么是JavaScript异步编程的核心机制_深入理解Promise与async/await【教程】

紅蓮之龍

紅蓮之龍

发布时间:2026-01-17 20:57:31

|

619人浏览过

|

来源于php中文网

原创

javascript异步核心是event loop,它调度microtask(如promise.then)优先于task(如settimeout),promise executor同步执行,async/await基于promise实现非阻塞暂停恢复。

什么是javascript异步编程的核心机制_深入理解promise与async/await【教程】

JavaScript异步编程的核心机制不是 Promise 或 async/await 本身,而是 Event Loop —— 它决定了回调何时执行、Promise 状态如何流转、async 函数如何暂停与恢复。

Event Loop 怎么调度 Promise.then 和 setTimeout

很多人以为 Promise.then 是“立即执行”,其实它被推入 microtask queue;而 setTimeout 的回调进的是 task queue(也叫 macrotask queue)。microtask 总是清空完才处理下一个 task。

这意味着:

  • Promise.then 回调一定比同轮循环中的 setTimeout 先运行
  • 连续多个 Promise.then 会链式压入 microtask 队列,依次执行,不中断 JS 主线程
  • queueMicrotask 可手动插入 microtask,行为和 Promise.resolve().then() 一致
console.log(1);
Promise.resolve().then(() => console.log(2));
setTimeout(() => console.log(3), 0);
console.log(4);
// 输出:1 → 4 → 2 → 3

Promise 构造函数里的 executor 是同步执行的

new Promise((resolve, reject) => { ... }) 时,传入的函数会**立刻同步执行**,不是“等异步时机到了再调”。这是最容易误解的一点。

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

Favird No-Code Tools
Favird No-Code Tools

无代码工具的聚合器

下载

常见误用场景:

  • 在 executor 里直接 return 而忘记调用 resolvereject → Promise 永远 pending
  • 误以为 Promise 自带“延迟”或“自动异步” → 实际上它只是对异步流程做状态封装
  • 在 executor 中抛出未捕获错误 → 等价于 reject(new Error(...)),但不会触发全局 unhandledrejection(除非没加 .catch)
new Promise(resolve => {
  console.log('executor runs now'); // 立刻打印
  resolve('done');
}).then(console.log); // 'done'

async/await 不是语法糖,而是 Generator + Promise + 状态机的组合实现

async 函数返回一个 Promiseawait 并非阻塞线程,而是让出控制权,等右侧 Promise settled 后,再从上次暂停处继续执行(类似协程)。

关键细节:

  • await 后面如果不是 Promise,会被自动包装成 Promise.resolve(...)
  • await 只能在 async 函数内使用,顶层 await 仅在模块作用域(ESM)中合法
  • 多个 await 默认串行;想并发需用 Promise.all([p1, p2]) 包一层
  • try/catch 捕获的是 rejected Promise,不是 throw 的原始错误对象(但语义等价)
async function f() {
  const a = await Promise.resolve(1); // 不是阻塞,是暂停+注册 microtask
  const b = await Promise.resolve(2);
  return a + b;
}
f().then(console.log); // 3

真正容易被忽略的是:Promise 链的错误传播依赖每个环节是否显式处理,而 async/await 的 try/catch 只覆盖当前 await 表达式——漏掉一个 catch,就可能让 rejection 逃逸成 unhandledrejection。这在复杂嵌套或条件分支中尤其危险。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
scripterror怎么解决
scripterror怎么解决

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

492

2023.10.18

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

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

382

2023.10.25

线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

765

2023.08.10

线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

765

2023.08.10

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

530

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

576

2023.07.28

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

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

760

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

6206

2023.08.17

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

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

76

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号