事件循环机制
- 浏览器事件循环机制
- node事件循环机制
事件循环机制分别有浏览器事件循环机制和node事件循环机制,今天记录一下浏览器事件循环机制。
浏览器事件循环机制
1.js脚本执行是单线程的,其中分为主线程,宏任务,微任务。
1.1 主线程可以理解为js从上到下依次执行
1.2 宏任务有script setTimeout setInterval 等
1.3 微任务主要有promise
2.执行主线程代码,遇到宏任务会将宏任务中的回调放置在宏任务队列中,当遇到了promise的时候,将.then里的回调放置微任务队列中,主线程执行完成之后,先从微任务队列中里拿出任务执行,微任务执行完成之后在从宏任务队列里拿出任务执行。宏任务里面可能还有其他的宏任务,微任务这个时候他们的任务会放在下一次循环中执行,如此循环就是浏览器的事件循环机制。
3.下面给俩个例子大家看一下就明白了。
事件循环机制.png
图中白色截图就是打印结果,方便大家理解。
4.在记录一个知识点new promise 是创建一个对象,是主线程哦。
事件循环机制2.png
文章为本人学习记录使用,如有错误欢迎大家指点。
网友评论