详解 JavaScript 的运行机制

1. 1. 为什么是单线程？
2. 2. 为什么需要异步？
3. 3. 事件循环
4. 4. 异步任务队列细节
5. 5. 宏任务和微任务
6. 6. 实战
• 第一轮循环
• 第二轮循环
• 第三轮循环
• 第四轮循环

在一些面试中，我们或许会被问到这样的问题：

简述一下 JavaScript 的运行机制？

还有可能会被问这样的代码：

setTimeout(function () {
    console.log('定时器开始啦')
});

new Promise(function (resolve) {
    console.log('马上执行 for 循环啦');
    for (var i = 0; i < 10000; i++) {
        i == 99 && resolve();
    }
}).then(function () {
    console.log('执行 then 函数啦')
});

这些虽然看起来很深奥很复杂，但是如果你了解了 JavaScript 的运行机制，这些问题都能够一一化解

先附上本文的纲要，本文将会从这三个方面去解析 JavaScript 的运行机制。

第五轮循环

• 首先清空微任务队列，执行打印语句，打印 10
• 执行完毕

以上就是关于 JavaScript 运行机制的全部内容，希望对大家来说能有所收获，感谢阅读。