事件循环机制-宏任务-微任务

事件循环机制

  • 浏览器事件循环机制
  • 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

文章为本人学习记录使用,如有错误欢迎大家指点。

你可能感兴趣的:(事件循环机制-宏任务-微任务)