JavaScript 控制流

默认流程

默认流程按顺序执行代码(从上到下/从左到右)。

let x = 5;
let y = 6;
let z = x + y;

条件控制流

条件允许您使用以下方式做出决策:

• if
• if...else
• switch
• ternary (? :)

let text = "Unknown";

if (age >= 18) {
  text = "Adult";
} else {
  text = "Minor";
}

循环(重复控制流)

循环允许您使用以下方式多次运行代码:

• for
• while
• do...while

for (let i = 0; i< 5; i++) {
   text += "The number is " + i + "<br>";
}

跳转语句

跳转语句允许您使用以下方式突然改变流程:

• break - 退出循环或 switch 语句
• continue - 跳过当前循环迭代
• return - 退出函数
• throw - 跳转到错误处理程序

for (let i = 0; i< 10; i++) {
   if (i === 3) { break; }
    text += "The number is " + i + "<br>";
 }

函数流程

函数是可调用的代码块:

function myFunction(p1, p2) {
    return p1 * p2;
}

异步流程

回调、Promise 和 async/await 处理异步流程(事件、网络调用):

async function fetchData() {
  let data = await fetch("https://api.example.com/data");
    // 要执行的代码
}