JavaScript事件循环中，宏任务与微任务如何构成一个长尾词？

本文共计2471个文字，预计阅读时间需要10分钟。

目录前言引言为什么会有事件循环？JS是单线程的，同步任务和异步任务JS事件循环宏任务与微任务常见的宏任务有哪些？常见的微任务有哪些？执行过程总结（重点）同步任务

目录

• 前言
• 引言
• 为什么会有事件循环？
• JS是单线程的
• 同步任务和异步任务
• JS事件循环
• 宏任务与微任务
• 常见的宏任务有哪些？
• 常见的微任务有哪些？
• 执行过程总结（重点）
• 同步任务 —> 微任务 —> 宏任务...
• 案例挑战
• 案例1：
• 案例2：
• 案例3：

前言

相信对于刚学习JavaScript的新手来说，去理解JS中的事件循环原理以及异步执行过程比较困难，但是这是JS必须要会的基础知识，逃避不能解决问题，笔者曾经也被这个知识点困扰过，现根据以往的经验编写此文章，旨在帮助大家彻底搞懂它们以及自我巩固，话不多说，进入正题。