JavaScript的同步异步_代码007(未授权)

当 JavaScript 执行时，会将全局执行上下文放入执行栈中，接下来遇到函数执行上下文时会将这个上下文也放入执行栈中，执行完毕会出栈，当执行栈为空时，会从任务队列头部拿取一个任务，创建上下文并放入执行栈中执行。每当执行栈为空时总会循环的从任务队列获取任务，并创建执行上下文放入执行栈执行。这个循环我们称之为事件循环。

三、Nod e的事件循环

当 Node.js 启动时，它会初始化事件循环，处理提供的脚本，同步代码入栈直接执行，异步任务（网络请求、文件操作、定时器等）在调用 API 传递回调函数后会把操作转移到后台由系统内核处理。目前大多数内核都是多线程的，当其中一个操作完成时，内核通知 Node.js 将回调函数添加到轮询队列中等待时机执行。

Node.js事件循环的六个阶段

1.timers（定时器阶段）

首先事件循环进入定时器阶段，用于存储定时器的回调函数（setTi meout setInterval）。

2.pend in g callback s

执行与操作形同相关的回调函数。比如启动服务器应用时监听端口操作时的回调函数。

3.idle，prepare

i dle, prepare 阶段是给系统内部使用，i dle 这个名字很迷惑，尽管叫空闲，但是在每次的事件循环中都会被调用，当它们处于活动状态时。

4.poll

存储I/O操作相关的回调函数，比如文件读写操作的回调函数。如果时间队列中有回调函数，执行他们直到清空操作。否则事件循环在此阶段会停留一段时间以等待新的回调含税进入。这个等待取决于两个条件：

(1).setIm mediate队列（check阶段）存在要执行的回调函数。

(2).timers队列中存在要执行的回调函数，在这种情况下，事件循环将移至check阶段，然后移至Closing callback s阶段，并最终从timers阶段进入下一次循环。

5.check

存储 setIm mediate的回调函数。

6.Closing callback

执行与关闭事件相关的回调函数。比如：关闭数据库连接的回调函数。

四、宏任务与微任务

任务队列的分类

任务队列分为两种，一种叫宏任务（mac ro task），一种叫微任务（micro task )。

宏任务（macro task）

script( 整体代码)、setTi meout、setInterval、I/O（http请求）、UI 渲染。

微任务（m icrotask）

Promise.then()、MutationOb server（监听 dom的更改）。

两者的区别

执行原则

执行完一个宏任务回去检测微任务队列是否为空，如果不为空则执行完队列内的所有微任务，如果队列为空，则继续执行下一个宏任务，下一个宏任务执行完后会继续检测微任务队列是否为空，往复循环。

五、JS任务队列

说起任务队列的话，首先我们要回顾一下JS语言的特点。

我们知道，Java script 这门脚本语言诞生的使命就是为处理页面中用户的交互，以及操作 DOM 而诞生的。

所以JS的设计就是单线程的，总不能多线程来操作DOM结构吧(那不就乱套了吗)。

那么什么是单线程，其实就是任务一个接着一个做，不能同时处理多个任务。

那这样就会导致一个问题，如果 JS 执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。

那JS是如何解决这个问题呢？我用一张图来说一下：

接下来我们来看一段代码

console.log(1)
setTimeout(function () {
    console.log(2);
    process.nextTick(function () {
        console.log(3);
    })
})
Promise.resolve().then(function() {
    console.log(4)
}).then(function() {
    console.log(5)
})