前端笔记-3分钟搞懂事件循环♻️

事件循环机制

1.事件队列：是`存储待执行任务的队列`，严格按时间先后顺序执行

#js是单线程语言，不能进行多线程编程。

#settimeout

是异部函数

即使不设延迟时间也`不会立即触发回调函数`。

设置延迟函数后，脚本`不会阻塞后面代码执行`。

`执行队列中同步任务执行完毕后`，定时器延迟时间执行完成后，事件表会将settimeout回调函数加入事件队列，再将回调函数中的任务加入执行栈，执行回调函数中任务。

#promise

简单说相当于一个容器，保存未来某时刻结束的事件的结果。

语法上讲是个对象，可以获取异步消息，提供统一api，promise建立后会立即执行，若调用then方法回调，则需要所有同步任务执行完之后再执行。

#macrotasks/microtasks

属于异步任务的一种。

宏任务-macrotasks：settimeout, setinterval, i/o, ui rendering

微任务-microtasks：process.nextTick, promise.then, mutationObserver

微任务优先执行原因：`任务队列中，每次事件循环，macrotask只提取一个执行，microtask会一直提取任务执行，直到微任务队列为空`，主线程任务执行完后先检查微任务队列，微任务执行完后最后执行宏任务。

性能优化相关

页面资源预加载

优化页面加载速度：相关页面js代码提前到前一个环节中