JavaScript 流程控制语句介绍

在 JavaScript 中,流程控制语句用于控制程序执行的顺序和逻辑。它们允许程序根据条件执行不同的代码块,或重复执行某些任务。掌握这些语句是编写高效、灵活代码的基础。下面我将逐步介绍主要类型,包括条件语句、循环语句和其他控制语句,并提供代码示例帮助理解。

1. 条件语句

条件语句用于基于不同条件执行不同的代码分支。主要包括 if, else if, elseswitch 语句。

  • if 语句:检查一个条件是否为真(true),如果为真,则执行指定代码块。

    let age = 18;
    if (age >= 18) {
      console.log("成年人");
    }
    

  • else ifelse 语句:在 if 条件不满足时,检查额外条件或提供默认分支。

    let score = 85;
    if (score >= 90) {
      console.log("优秀");
    } else if (score >= 60) {
      console.log("及格");
    } else {
      console.log("不及格");
    }
    

  • switch 语句:用于多分支选择,基于一个表达式的值执行不同代码块。每个分支用 case 定义,以 break 结束(避免穿透),default 处理未匹配情况。

    let day = "Monday";
    switch (day) {
      case "Monday":
        console.log("工作日开始");
        break;
      case "Friday":
        console.log("周末临近");
        break;
      default:
        console.log("普通日子");
    }
    

2. 循环语句

循环语句用于重复执行代码块,直到满足退出条件。主要包括 for, while, do...while, for...infor...of 语句。

  • for 循环:通过初始化变量、条件检查和变量更新来控制循环次数,常用于已知迭代次数的场景。

    for (let i = 0; i < 5; i++) {
      console.log("当前计数: " + i); // 输出 0 到 4
    }
    

  • while 循环:当指定条件为真时重复执行代码,适合条件未知但需持续检查的场景。

    let count = 0;
    while (count < 3) {
      console.log("计数: " + count);
      count++; // 更新变量避免死循环
    }
    

  • do...while 循环:先执行一次代码块,再检查条件。如果条件为真,则继续循环。确保代码至少执行一次。

    let num = 5;
    do {
      console.log("数字: " + num);
      num--;
    } while (num > 0);
    

  • for...in 循环:用于遍历对象的可枚举属性(如键名),适合处理对象。

    const person = { name: "Alice", age: 25 };
    for (let key in person) {
      console.log(key + ": " + person[key]); // 输出 name: Alice, age: 25
    }
    

  • for...of 循环:用于遍历可迭代对象(如数组、字符串)的元素值,更简洁高效。

    const colors = ["red", "green", "blue"];
    for (let color of colors) {
      console.log(color); // 依次输出 red, green, blue
    }
    

3. 其他控制语句

这些语句用于精细控制流程,如跳出循环或处理错误。

  • break 语句:立即终止当前循环或 switch 语句,跳出代码块。

    for (let i = 0; i < 10; i++) {
      if (i === 5) {
        break; // 当 i 等于 5 时跳出循环
      }
      console.log(i); // 输出 0 到 4
    }
    

  • continue 语句:跳过当前循环的剩余代码,直接进入下一次迭代。

    for (let i = 0; i < 5; i++) {
      if (i === 2) {
        continue; // 跳过 i=2 的循环体
      }
      console.log(i); // 输出 0,1,3,4
    }
    

  • return 语句:在函数中使用,返回一个值并结束函数执行。

    function add(a, b) {
      return a + b; // 返回计算结果
    }
    console.log(add(2, 3)); // 输出 5
    

  • try...catch 语句:用于错误处理,try 块包含可能出错的代码,catch 块处理错误。

    try {
      let result = 10 / 0; // 可能出错
      console.log(result);
    } catch (error) {
      console.log("错误发生: " + error.message); // 处理错误
    }
    

总结

JavaScript 的流程控制语句是程序逻辑的核心,包括条件语句(如 ifswitch)、循环语句(如 forwhile)和其他控制语句(如 breaktry...catch)。通过合理组合这些语句,你可以构建复杂的业务逻辑。建议在实际编码中多练习,以加深理解。如果有具体问题,如特定语句的用法,欢迎进一步提问!

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐