setTimeout(function () {
console.log('setTimeout');
});
new Promise(function (resolve) {
console.log('promise');
for (var i = 0; i < 10000; i++) {
if (i === 10) {
console.log('for');
}
if (i === 9999) {
resolve('resolve');
}
}
}).then(function (val) {
console.log(val);
});
console.log('console');
执行结果：
执行过程：
-
这段代码作为宏任务，进入主线程。
-
先遇到
setTimeout，那么将其回调函数注册后分发到宏任务Event Queue。(注册过程与上同，下文不再描述) -
接下来遇到了
Promise，new Promise立即执行，then函数分发到微任务Event Queue。 -
遇到
console.log()，立即执行。 -
好啦，整体代码script作为第一个宏任务执行结束，看看有哪些微任务？我们发现了
then在微任务Event Queue里面，执行。 -
ok，第一轮事件循环结束了，我们开始第二轮循环，当然要从宏任务Event Queue开始。我们发现了宏任务Event Queue中
setTimeout对应的回调函数，立即执行。 -
结束。
事件循环，宏任务，微任务的关系如图所示：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。