什么是事件循环Event Loop

一、含义

事件循环是指不断从任务队列中取出任务,并执行其对应的回调函数的过程。

二、事件循环流程

1.主线程执行同步任务,直到遇到异步任务时,将其回调函数他家到任务队列中,然后继续执行同步任务

2.当所有同步任务执行完之后,主线程会去任务队列中查找是否有研究完成的异步任务的回调函数需要执行,如果有,则会按照回调函数添加的先后顺序执行它们。

3.执行完所有研究完成的异步任务回调后,重复上面步骤,知道任务队列中没有任何任务

三、什么是同步和异步任务

同步任务:

同步任务是按照代码的顺序依次执行的任务,每个任务执行完成后才会执行下一个任务。同步任务会阻塞代码的执行,直到任务完成后才会继续执行下一条语句。同步任务是阻塞式的,意味着在同步任务执行期间,代码的执行会等待任务完成,不会进行其他任务的处理。

常见的同步任务包括变量赋值、函数调用、循环、同步文件读写等。
异步任务:

异步任务是在执行过程中不会阻塞代码执行的任务。异步任务会被提交给其他部分(如浏览器环境或操作系统)进行处理,而不会立即返回结果。相反,JavaScript 引擎会继续执行后续的代码,不会等待异步任务的完成。

常见的异步任务处理机制包括回调函数、Promise、async/await 等。

四、什么是宏任务和微任务

在 JavaScript中任务分为同步和异步任务,其中异步任务又分为两种:宏任务和微任务

宏任务和微任务的执行顺序:总方针是先同步再异步,异步中先微任务,再宏任务 (重点)
常见宏任务:

  • script标签中的代码

  • setTimeout

  • setInterval

  • setImmediate(Node.js)

  • IO

  • UI 渲染

  • MessageChannel
    常见微任务:

  • Promise.then(非 new Promise)

  • async

  • await

  • process.nextTick(Node.js)

  • Object.observe

  • MutationObserver

详细地址:https://juejin.cn/post/7255511957701148727?searchId=2023072617180077929180024F361764EC

相关推荐
我是苏苏几秒前
Web开发:使用MediatR包实现中介者模式,避免组件之间直接通信
前端·中介者模式
Highcharts.js2 分钟前
数据可视化不仅属于金融、互联网|农业数据可视化设计:Farmable与Highcharts的前端设计
前端·信息可视化·数据可视化·highcharts·农业可视化
JuneXcy4 分钟前
node(2)
开发语言·前端·javascript·http·node.js
A923A4 分钟前
【Vue3大事件 | 项目笔记】第四天
前端·vue.js·笔记·前端项目
木斯佳9 分钟前
前端八股文面经大全:拓竹科技前端一面(2026-03-15)·面经深度解析
前端·css·面试·vue
white-persist9 分钟前
【Js逆向 python】Web JS 逆向全体系详细解释
运维·服务器·前端·javascript·网络·python·sql
一拳不是超人12 分钟前
龙虾🦞(OpenClaw) 本地部署体验:是真变革还是旧酒装新瓶?
前端·人工智能·程序员
buhuimaren_19 分钟前
系统安全及运用
前端·chrome
什么问题22 分钟前
记一次 VisionPro +PlayMaker 项目修正
开发语言·前端·javascript
新缸中之脑25 分钟前
Chrome 146:终结专用AI浏览器?
前端·人工智能·chrome