1.为什么需要消息队列和事件循环系统
- 每个渲染进程都有一个主进程,并且主线程非常繁忙,需要处理DOM、计算样式和处理布局等
- 同时还需要处理 JavaScript 任务以及各种输入事件
- 需要一个系统来统筹,就是我们的消息队列和事件循环系统
2.消息队列和事件循环系统
- 主线程在把异步任务(如setTimeOut、Promise.then())不需要马上被执行的任务,放到任务队列,等待空闲时取出到主线程执行。
- 消息队列中的任务分为宏任务和微任务,在执行宏任务的过程中,如果DOM有变化,就将该变化添加到微任务队列中,这样不影响宏任务的继续执行,也解决执行效率的问题。