JavaScript中的分支语句

Javascript的分支语句有两种，if...else...分支语句；switch...case...分支语句。

if...else...分支

if后面的括号里面需要一个bool值或者一个逻辑表达式，如果后面只有一行要执行的语句，花括号可以省略不写。如果有多个条件判断，可以在else后面加上if判断即可。

看下面的几个示例:

var num = 100;  //定义变量num，并赋值
//if语句开始，判断num是否等于100，如果是，则执行花括号内的语句
if (num == 100) {
    num++;
    alert(num);
}

上面的代码演示了如何执行一个if分支，如果num为100时才会执行花括号内的语句。需要主意的是，如果花括号内只有一行语句，则可以省略花括号。

var num = 100;      //定义变量num，并赋值
if (num > 100) {    //if语句开始
    alert(num + "大于100");
}
else {              //else语句开始
    alert(num + "小于或等于100");
}

这段代码演示了一个if…else…语句的用法，由于每条件分支的语句块都只有一行语句，所以也可以省略掉花括号，修改后的代码：

var num = 100;      //定义变量num，并赋值
if (num > 100)    //if语句开始
    alert(num + "大于100");
else               //else语句开始
    alert(num + "小于或等于100");

if…else…语句除了可以这样使用之外，还可以演化为连续的判断，下面是一段演示代码：

var num = 100;      //定义变量num，并赋值
if (num > 100)      //if语句开始
    alert(num + "大于100");
else if(num==100)   //else if 语句
    alert(num + "等于100");
else                //else语句
    alert(num + "小于100");

可以看出，在上面代码中，多出一行 else if语句，如果有多个分支，可以使用这种方式来实现。

switch...case...分支

switch 后面的 (n) 可以是表达式，也可以（并通常）是变量。然后表达式中的值会与 case 中的数字作比较，如果与某个 case 相匹配，那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。

var num = 100;      //定义变量num，并赋值
switch (num) {
    case 1: {
        alert("1");
    }; break;
    case 50: {
        alert("50");
    }; break;
    case 100: {
        alert("100");
    }; break;
    default: {
        alert("默认的消息框！");
    }
}

上面的代码简单的描述了switch…case…的用法。

注意：case 分支后面必须跟一个常量；break语句不要忘记，否则在走完本分支以后，继续执行他下面的分支，直到遇到break语句跳出为止！default分支不是必须的，通常为了避免未处理的数据，需要使用default分支。