JavaScript执行机制

JavaScript执行机制：

javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker标准，允许JavaScript脚本创建多个线程，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的。允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。所以，这个新标准并没有改变JavaScript单线程的本质。

1、同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。
2、当Event Table中指定的事情完成时，会将这个函数移入Event Queue。
3、主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。
4、上述过程会不断重复，也就是常说的Event Loop(事件循环)。
5、js引擎存在monitoring process进程，会持续不断的检查主线程执行栈是否为空，一旦为空，就会去Event Queue那里检查是否有等待被调用的函数。

• js先执行完全部主线程(执行栈)的同步任务，再将任务队列的异步任务添加进入执行栈开始执行（任务队列的任务按照设定的触发时间先后次序排序执行，若前面一个的任务时间过长，则后面也会延长时间），主线程会不断进行事件循环(event loop)机制获取任务再执行。
• 读取到一个异步任务，首先是将异步任务放进事件表格（Event table）中，当放进事件表格中的异步任务完成某种事情或者说达成某些条件（如setTimeout事件到了，鼠标点击了，数据文件获取到了）之后，才将这些异步任务推入事件队列（Event Queue)中，这时候的异步任务才是执行栈中空闲的时候才能读取到的异步任务。

事件循环Event Loop

事件循环是js实现异步的一种方法，也是js的执行机制。

关于微任务与宏任务：

除了广义的同步任务和异步任务，我们对任务有更精细的定义：

• macro-task(宏任务)：包括整体代码script、setTimeout、setInterval
• micro-task(微任务)：Promise()的.then(callback)、process.nextTick(callback)(类似node.js版的"setTimeout")

事件循环的顺序，决定js代码的执行顺序：

1. 进入整体代码(宏任务script)后，开始第一次循环。(执行同步任务)
2. 接着执行所有的微任务(异步)。
3. 然后再次从宏任务(异步)开始找到其中一个任务队列执行完毕，再执行所有的微任务。

（无视第一次整体script代码宏任务，则后续每次执行微任务优先于宏任务）

如下图所示：

例子：

console.log('1');

setTimeout(function() {
    console.log('2');
    process.nextTick(function() {
        console.log('3');
    })
    new Promise(function(resolve) {
        console.log('4');
        resolve();
    }).then(function() {
        console.log('5')
    })
})
process.nextTick(function() {
    console.log('6');
})
new Promise(function(resolve) {
    console.log('7');
    resolve();
}).then(function() {
    console.log('8')
})

setTimeout(function() {
    console.log('9');
    process.nextTick(function() {
        console.log('10');
    })
    new Promise(function(resolve) {
        console.log('11');
        resolve();
    }).then(function() {
        console.log('12')
    })
})



执行结果为：
//整段代码，共进行了三次事件循环
//完整的输出为1，7，6，8，2，4，3，5，9，11，10，12。

分析：

第一次：整体script作为第一个宏任务进入主线程，输出1，7。接着执行微任务输出6，8。

第二次：第二轮时间循环从setTimeout1宏任务开始，输出2，4。接着执行微任务输出3，5。

第三次：第三轮事件循环从setTimeout2宏任务开始，输出9，11.接着执行微任务输出10，12。