浏览器中JavaScript的运行机制 Event Loop

在浏览器中，首先 JavaScript是单线程的,所以 运行的方式是一个个往下走 ，但是 有些代码 是异步执行的。所谓异步，就是不会阻塞代码的运行，而会另外开启一个空间去执行这段异步代码，其余同步的代码就仍正常执行，若异步代码中有其它的代码，则会在之后的某个时刻将异步代码中其它代码执行。  而js的 执行栈 运行方式 后进先出 最后面进去的 最先出来（最先出结果） 。

为什么 promise 和 setTimeout 同样是异步，为什么前者优先于后者？

是因为macrotask（宏任务） 和 microtask（微任务）

宏任务 ： setTimeout 、setInterval 、UI rendering

微任务：promise 、requestAnimationFrame

并且规定，当宏任务和微任务都处于 Task Queue 中时，微任务的优先级大于宏任务，即先将微任务执行完，再执行宏任务

当调用栈为空时，对于这两个队列的检测情况步骤如下：

1. 检测微队列是否为空，若不为空，则取出一个微任务入栈执行，然后执行步骤1；若为空，则执行步骤2
2. 检测宏队列是否为空，若不为空，则取出一个宏任务入栈执行，然后执行步骤1；若为空，直接执行步骤1
3. ……往复循

 

务阿阿萨德萨德

所以 下列代码的运行结果 就是 1 3 5 4 2

console.log('1')

setTimeout(function callback(){
 console.log('2')
}, 1000)

new Promise((resolve, reject) => {
    console.log('3')
    resolve()
})
.then(res => {
    console.log('4');
})

console.log('5')