浏览器执行机制的疑惑?

骑着大象兜风
  • 69

如有以下代码:假如页面上有一个DOM元素box


setTimeout(() => {
  console.log('a')  
})

//执行1000Ms同步任务

box.style.backgroundColor = 'red'

console.log(2)

想知道一下,这种是浏览器先渲染box的颜色还是先打印2。为什么?

回复
阅读 376
1 个回答

修改背景色,
输出 2,
输出 a

微任务在前,宏任务在后

宏任务: script, setTimeout, setInterval, setImmediate, I/O, UI rendering;
微任务: process.nextTick, Promise, Object.observe, MutationObserver;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏