JavaScript 条件判断 if 与 switch 用法

if

if 结构先判断一个表达式的布尔值，然后根据布尔值的真伪，执行不同的语句。

这种写法要求条件表达式后面只能有一个语句。如果想执行多个语句，必须在 if 的条件判断之后，加上大括号，表示代码块（多个语句合并成一个语句）。

if (m === 3) m = m + 1;

else 代码块总是与离自己最近的那个 if 语句配对。

var m = 1;
var n = 2;

if (m == 1)
  if (n === 2) console.log('hello');
  else console.log('world');

输出 hello

以上代码等同于如下代码

if (m !== 1) {
  if (n === 2) {
    console.log('hello');
  } else {
    console.log('world');
  }
}

switch

超过三个 if...else 连在一起使用的时候，可以转为使用更方便的 switch 结构。

var x = true;

switch (x) {
  case 1:
    console.log('x 等于1');
    break;
  case 2:
    console.log('x 等于2');
    break;
  default:
    console.log('x 等于其他值');
}
// x 等于其他值

上面代码根据变量 x 的值，选择执行相应的 case。如果所有 case 都不符合，则执行最后的 default 部分。需要注意的是，每个 case 代码块内部的 break 语句不能少，否则会接下去执行下一个 case 代码块，而不是跳出 switch 结构。

如下 case 中缺少 break

var x = 1;

switch (x) {
  case 1:
    console.log('x 等于1');
  case 2:
    console.log('x 等于2');
  default:
    console.log('x 等于其他值');
}
// x等于1
// x等于2
// x等于其他值

tip

switch 语句内部采用的是“严格相等运算符(===)”