Skip to content

Commit 2372210

Browse files
committed
feat: update translation
1 parent 8fc0cc8 commit 2372210

File tree

1 file changed

+24
-24
lines changed
  • 2-ui/99-ui-misc/03-event-loop/2-micro-macro-queue

1 file changed

+24
-24
lines changed
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,50 @@
1-
The console output is: 1 7 3 5 2 6 4.
1+
输出结果为:1 7 3 5 2 6 4
22

3-
The task is quite simple, we just need to know how microtask and macrotask queues work.
3+
这道题其实很简单,我们只需要知道微任务和宏任务队列是如何工作的。
44

5-
Let's see what's going on, step by step.
5+
让我们一起一步一步地看看发生了什么。
66

77
```js
88
console.log(1);
9-
// The first line executes immediately, it outputs `1`.
10-
// Macrotask and microtask queues are empty, as of now.
9+
// 第一行立即执行,它输出 `1`
10+
// 到目前为止,宏任务队列和微任务队列都是空的。
1111

1212
setTimeout(() => console.log(2));
13-
// `setTimeout` appends the callback to the macrotask queue.
14-
// - macrotask queue content:
13+
// `setTimeout` 将回调添加到宏任务队列。
14+
// - 宏任务队列中的内容:
1515
// `console.log(2)`
1616

1717
Promise.resolve().then(() => console.log(3));
18-
// The callback is appended to the microtask queue.
19-
// - microtask queue content:
18+
// 将回调添加到微任务队列。
19+
// - 微任务队列中的内容:
2020
// `console.log(3)`
2121

2222
Promise.resolve().then(() => setTimeout(() => console.log(4)));
23-
// The callback with `setTimeout(...4)` is appended to microtasks
24-
// - microtask queue content:
23+
// 带有 `setTimeout(...4)` 的回调被附加到微任务队列。
24+
// - 微任务队列中的内容:
2525
// `console.log(3); setTimeout(...4)`
2626

2727
Promise.resolve().then(() => console.log(5));
28-
// The callback is appended to the microtask queue
29-
// - microtask queue content:
28+
// 回调被添加到微任务队列
29+
// - 微任务队列中的内容:
3030
// `console.log(3); setTimeout(...4); console.log(5)`
3131

3232
setTimeout(() => console.log(6));
33-
// `setTimeout` appends the callback to macrotasks
34-
// - macrotask queue content:
33+
// `setTimeout` 将回调添加到宏任务队列
34+
// - 宏任务队列中的内容:
3535
// `console.log(2); console.log(6)`
3636

3737
console.log(7);
38-
// Outputs 7 immediately.
38+
// 立即输出 7
3939
```
4040

41-
To summarize,
41+
总结一下:
4242

43-
1. Numbers `1` и `7` show up immediately, because simple `console.log` calls don't use any queues.
44-
2. Then, after the main code flow is finished, the microtask queue runs.
45-
- It has commands: `console.log(3); setTimeout(...4); console.log(5)`.
46-
- Numbers `3` и `5` show up, while `setTimeout(() => console.log(4))` adds the `console.log(4)` call to the end of the macrotask queue.
47-
- The macrotask queue is now: `console.log(2); console.log(6); console.log(4)`.
48-
3. After the microtask queue becomes empty, the macrotask queue executes. It outputs `2`, `6`, `4`.
43+
1. 立即输出数字 `1` `7`,因为简单的 `console.log` 调用没有使用任何队列。
44+
2. 然后,主代码流程执行完成后,开始执行微任务队列。
45+
- 其中有命令行:`console.log(3); setTimeout(...4); console.log(5)`
46+
- 输出数字 `3` `5``setTimeout(() => console.log(4))` `console.log(4)` 调用添加到了宏任务队列的尾部。
47+
- 现在宏任务队列中有:`console.log(2); console.log(6); console.log(4)`
48+
3. 当微任务队列为空后,开始执行宏任务队列。并输出 `2``6``4`
4949

50-
Finally, we have the output: `1 7 3 5 2 6 4`.
50+
最终,我们的到的输出结果为:`1 7 3 5 2 6 4`

0 commit comments

Comments
 (0)