JS学习—事件循环之宏任务与微任务

之前的文章介绍了js中的事件循环，下面在具体讲下在事件循环中不同环境下任务执行是分为了宏任务与微任务。

概念：ES6  之后引入了Promise对象，让JS引擎也可以发起异步任务，因此异步任务分为了宏任务与微任务。

宏任务：由浏览器环境执行的异步代码

微任务：由JS引擎环境执行的异步代码

例如：以下是浏览器执行的所以是宏任务 

例如：以下是JS引擎执行的所以是微任务  

实践下下列代码的执行顺序：

<script>
console.log(1)
setTimeout(() => {
console.log(2)
1, 0)
const p = new Promise( (resolve, reject) => {
console.log(3)
resolve(4)
p.then(result => {
console.log(result)
1)
console.log(5)
</script>

是不是真是操作起来跟你想想不一样呢，这就涉及带微任务与宏任务的执行顺序。 

结论：

JavaScriptn内代码是如何执行的呢？

1. 执行第一个script   脚本事件是宏任务，里面同步代码。
2. 遇到宏任务/微任务交给宿主环境，有结果回调函数进入对应队列。
3. 当执行栈空闲时，清空微任务队列，再执行下一个宏任务，然后从头再来。