Evevt Loop、任务队列、定时器等

上周五，一个朋友发给我一道面试题，代码如下：

console.log(1);
setTimeout(console.log(2), 0);
Promise.resolve().then(res => {
	console.log(3);
}).then(res=>{
	console.log(4);
})
console.log(5);

朋友说在控制台跑完的结果是依次打印出 1 2 5 3 4，但是不清楚为什么，希望我帮他分析下。

---

额，我觉得setTimeout里的那个打印，是在下次事件循环时才会执行的，所以打印结果应该是 1 5 2 3 4 。。。。。

然而，结果并非如此。说明我还处于朦胧状态啊，于是乎，开始去网上找博客。

以下内容均是在博客中看到的内容，加上一点点自己的理解，至于是否客观正确，这个另说哈，时间会检验一切的。

---

JS主要用来操作DOM，如果是多线程，会比较混乱，所以是单线程的。

同步：主线程上执行的任务。

异步：进入任务队列 的任务，只有等主线程上的任务执行完了，任务队列中的任务才会进入主线程执行。

---

浏览器中的事件循环--Event Loop（我盗的图 哈哈）

主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop（事件循环）。

从上图看到（下面这段也是抄的