事件循环---eventloop

事件循环-eventloop

javascript 有一个基于事件循环的并发模型，事件循环负责执行代码、收集和处理事件以及执行队列中的子任务

javascript 是单线程(代码是逐行执行的),为了不让耗时代码阻塞其他代码运行就设计了事件循环

console.log(1)
setTimeout(()=>{
  console.log(2)
},2000)
console.log(3)

总结：

事件循环—JavaScript代码的执行机制

为什么？ JavaScript是单线程的，为了不让耗时代码阻塞其他代码运行 设计的执行代码的机制（事件循环）

事件循环执行过程 –

调用栈执行同步代码，异步代码交给宿主环境执行

异步代码等待时机成熟，送入任务队列排队

调用栈空闲时，反复查看并调用任务队列里的回调函数

宏任务 与 微任务

每个代理都是由事件循环驱动的，事件循环负责收集用事件（用户事件以及其他非用户事件）,对人物进行排队

以便在合适的时候执行回调，然后执行所有处于等待中的js任务(宏任务) 然后是微任务

异步任务分为：

1.（宏任务）:由浏览器环境执行的异步任务‘

​ js脚本执行事件(script), setTimeout/setInterval ,Ajax请求完成事件，用户交互事件

2.微任务： 由js引擎环境执行的异步任务

​ Promise对象.then()和catch（）

注意:Promise本身是同步的，then和catch回调函数是异步的

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cucli6Z8-1690461944184)(.\宏任务 微任务.png)]