JS的运行机制

为什么 JavaScript 是单线程

单线程，就是同一时间只能做一件事
与它的用途有关，作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM，这决定了它只能是单线程，否则会带来很复杂的同步问题，比如假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准，所以JavaScript从一诞生，就是单线程。
为了利用多核CPU的计算能力，HTML5提出了Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM，所以这个新标准并没有改变JavaScript单线程的本质。

任务队列

单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务，如果前一个任务耗时很长，后一个任务就要一直等着
所有的任务可以分为两种，一种是同步任务，一种是异步任务
同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程，而进入任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行，

具体来说，异步任务的运行机制如下：

• 所有同步任务都在主线程上执行，形成一个执行栈
• 主线程之外，还存在一个任务队列，只要异步任务有了运行结果，就在任务队列中放置一个事件
• 一旦执行栈中的所有同步任务执行完毕，系统就会读取任务队列，看看里面有哪些事件。那些对应的异步任务，结束等待状态，进入执行栈，开始执行
• 主线程不断重复上面的第三步
• 只要主线程空了，就会去读取任务队列，这就是JavaScript的运行机制，这个过程会不断重复

宏任务 & 微任务

这里需要注意的是new Promise是会进入到主线程中立刻执行，是同步代码，而promise.then则属于微任务
宏任务(macro-task)：整体代码script、setTimeOut、setInterval
微任务(mincro-task)：promise.then、promise.nextTick(node)