返回

洞悉 JavaScript 分支语句,掌控代码执行流程

前端

在 JavaScript 中,分支语句是一种控制语句,它可以根据条件判断来改变程序的执行流程。分支语句包括 if 语句、else 语句、else if 语句和 switch 语句。

if 语句

if 语句用于判断一个条件是否成立,如果成立,则执行其后的语句块。if 语句的一般形式如下:

if (condition) {
  // 条件成立时执行的语句块
}

例如,以下代码将判断变量 age 是否大于 18,如果大于 18,则输出 "你已经成年":

const age = 20;

if (age > 18) {
  console.log("你已经成年");
}

else 语句

else 语句用于指定在 if 语句的条件不成立时要执行的语句块。else 语句的一般形式如下:

if (condition) {
  // 条件成立时执行的语句块
} else {
  // 条件不成立时执行的语句块
}

例如,以下代码将判断变量 age 是否大于 18,如果大于 18,则输出 "你已经成年",否则输出 "你还没有成年":

const age = 15;

if (age > 18) {
  console.log("你已经成年");
} else {
  console.log("你还没有成年");
}

else if 语句

else if 语句用于指定在 if 语句的条件不成立且另一个条件成立时要执行的语句块。else if 语句的一般形式如下:

if (condition1) {
  // 条件1成立时执行的语句块
} else if (condition2) {
  // 条件2成立时执行的语句块
} else {
  // 两个条件都不成立时执行的语句块
}

例如,以下代码将判断变量 age 的值,如果大于 18,则输出 "你已经成年",如果大于 60,则输出 "你已经退休",否则输出 "你还没有成年":

const age = 65;

if (age > 18) {
  console.log("你已经成年");
} else if (age > 60) {
  console.log("你已经退休");
} else {
  console.log("你还没有成年");
}

switch 语句

switch 语句用于根据一个变量的值来执行不同的语句块。switch 语句的一般形式如下:

switch (expression) {
  case value1:
    // expression等于value1时执行的语句块
    break;
  case value2:
    // expression等于value2时执行的语句块
    break;
  default:
    // expression不等于任何case值时执行的语句块
}

例如,以下代码将判断变量 day 的值,如果等于 "星期一",则输出 "今天是星期一",如果等于 "星期二",则输出 "今天是星期二",以此类推:

const day = "星期二";

switch (day) {
  case "星期一":
    console.log("今天是星期一");
    break;
  case "星期二":
    console.log("今天是星期二");
    break;
  case "星期三":
    console.log("今天是星期三");
    break;
  case "星期四":
    console.log("今天是星期四");
    break;
  case "星期五":
    console.log("今天是星期五");
    break;
  default:
    console.log("今天不是星期一到星期五");
}

分支语句是 JavaScript 中控制代码执行流程的重要语句,熟练掌握分支语句可以帮助你编写出更加清晰、易读的代码。