遇到的一道关于javascript执行机制的面试题
setTimeout(() => {
console.log(1)
})
new Promise(resolve => {
console.log(2)
setTimeout(() => {
resolve(3)
})
Promise.resolve().then(() => {
console.log(4)
})
}).then((data) => {
console.log(data)
})
console.log(5)
// 问输出顺序
Javascript执行机制（setTimeout/Promise）
JS sleep
注意:
①同循环下 node.js中的process.nexttrick的微任务会比promise 的then微任务更优先
②浏览器和node.js的微任务执行机制有点区别。浏览器中同级的setTimeout是一个整体，他们间的微任务不在同一个队列。而nodejs中setTimout和他们的微任务都会被提取出来添加到同一个队列。
例如
console.log('1')
setTimeout(function () {
console.log('2')
new Promise(function (resolve) {
console.log('4')
resolve()
}).then(function () {
console.log('5')
})
})
new Promise(function (resolve) {
console.log('7')
resolve()
}).then(function () {
console.log('8')
})
setTimeout(function () {
console.log('9')
new Promise(function (resolve) {
console.log('11')
resolve()
}).then(function () {
console.log('12')
})
})
浏览器结果为:1,7,8,2,4,5,9,11,12
nodejs结果为:1,7,8,2,4,9,11,5,12
可以看到setTimeout函数的顺序就不一样了
浏览器下:setTimeout是一个整体,微任务在这个队列中,
整体的先执行主代码在执行微服务所以是
（2,4,5),(9,11,12)
括号代表一个setTimeout整体
nodejs下:setTimeout的主代码在宏任务队列,微任务在一个队列
(2,4,9,11),(5,12)
括号代表队列,第一个是setTimeout主代码执行队列,第二个是微任务队列
nodejs执行机制详解
