异步编程入门

代码示例

1"Step 1: Start boiling water"
2"Step 3: Start chopping vegetables" //(立即在 Step 1 之后)
3"Step 2: Water boiled!" //(2 秒后)
4"Step 4: Vegetables chopped!" //(3 秒后) 

显示解决方案

以下为 cookingProcess.js 的代码：

解决方案：使用异步任务模拟烹饪过程

1console.log("Step 1: Start boiling water");
2
3setTimeout(() => {
4    console.log("Step 2: Water boiled!");
5}, 2000);
6
7console.log("Step 3: Start chopping vegetables");
8
9setTimeout(() => {
10    console.log("Step 4: Vegetables chopped!");
11}, 3000);

• 第 1 行： 立即记录 "Step 1: Start boiling water"。
• 第 3–5 行： 设置 "Step 2: Water boiled!" 在 2 秒延迟后运行。该函数将异步执行。
• 第 7 行： 立即记录 "Step 3: Start chopping vegetables"，无需等待水烧开。
• 第 9–11 行： 设置 "Step 4: Vegetables chopped!" 在 3 秒延迟后运行。该函数与 第 3 行 一样是异步的，允许同步代码继续执行而不会被阻塞。

• 第 1 行： 立即记录 “Step 1: Start boiling water”。
• 第 3–5 行： 设置 “Step 2: Water boiled!” 在 2 秒延迟后运行。该函数将异步执行。
• 第 7 行： 立即记录 “Step 3: Start chopping vegetables”，无需等待水烧开。
• 第 9–11 行： 设置 “Step 4: Vegetables chopped!” 在 3 秒延迟后运行。该函数与 第 3 行 一样是异步的，允许同步代码继续执行而不会被阻塞。