JavaScript中的异步_vddk nbdssl 异步-CSDN博客

本文链接：https://blog.csdn.net/qq_39208971/article/details/109447746

本文主要介绍了JS的执行机制，包括从前到后逐行执行，先同步后异步。阐述了宏任务（如setTimeout、Ajax等）和微任务（如Promise、Async等）的概念，微任务执行时机早于宏任务。还讲解了event loop过程、promise状态及async/await与Promise的关系，以及JS执行和DOM渲染的关联。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS如何执行？

从前到后，一行一行执行
如果某一行执行报错，则停止下面代码的执行
先把同步代码执行完，再执行异步

宏任务与微任务

在这里插入图片描述

event loop 浏览器

在这里插入图片描述

总结event loop过程

同步代码，一行一行的放在Call Stack执行
遇到异步，会先‘记录’下，等待时机（定时，网络请求等）
时机到了，就移动到Callback Queue
如果Call Stack为空（即同步代码执行完）Event Loop开始工作
轮询查找Callback Queue，如有则移动到Call Stack执行
然后继续轮询查找（永动机一样）

promise

三种状态，状态的表现和变化
- promise有三种状态：fulfilled(已成功)/pending(进行中)/rejected(已拒绝) 。pending就是未决，fulfilled可以理解为成功，rejected可以理解为失败。
then和catch对状态的影响（重要）
- then正常返回 resolved,里面有报错则返回 rejected
- catch正常返回 resolved,里面有报错则返回 rejected
then和catch的链式调用（常考）