事件循环与面试官之间的对话

2023-11-14 08:11:57

当面试官问你事件循环时，他想听你答什么？

首先，他想听你对事件循环有一个基本的了解。你应该知道事件循环是什么，它是如何工作的，以及它如何影响你的代码。

其次，他想听你对事件循环的细节有一个更深入的了解。你应该知道事件循环的各个部分，比如任务队列、微任务队列和回调函数，以及它们是如何协同工作的。

第三，他想听你对事件循环在实际应用中的经验。你应该能够谈论你曾经遇到过的与事件循环相关的问题，以及你是如何解决这些问题的。

要回答好面试官关于事件循环的问题，你首先需要对事件循环有一个基本的了解。你可以通过阅读文档、观看视频或参加在线课程来学习事件循环。

一旦你对事件循环有了基本的了解，你就可以开始深入研究细节了。你可以通过阅读源代码、调试你的代码或参加更高级的在线课程来做到这一点。

最后，你应该积累一些与事件循环相关的实际经验。你可以通过在你的项目中使用事件循环，或者通过贡献开源项目来做到这一点。

如果你能对事件循环有一个深入的了解，并能谈论你在实际项目中使用事件循环的经验，那么你很可能会在面试中给面试官留下深刻的印象。

例题 1：

以下代码的执行结果是什么？

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

答案：

1
4
3
2

解析：

例题 2：

以下代码的执行结果是什么？

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

答案：

1
2
4
3

解析：

与上一个例子类似，事件循环先执行同步任务，所以 console.log('1') 和 console.log('4') 会立即执行。
然后，事件循环执行微任务队列中的任务，所以 Promise.resolve().then(() => { console.log('2') }) 会执行。
但是，setTimeout(() => { console.log('3') }, 0) 虽然是一个异步任务，但它被加入到了任务队列中，而不是微任务队列中。
所以，事件循环在执行完微任务队列中的任务后，会继续执行任务队列中的任务，所以 setTimeout(() => { console.log('3') }, 0) 会执行。