深入理解 Javascript 中的分支语句

发布时间:2019-12-04编辑:脚本学堂
本文介绍下,javascript语言中的分支语句的相关内容,包括if...else..及switch...case...等语句的用法。有需要的朋友参考下。

javascript编程语言中,分支语句有两种,if...else...分支语句;switch...case...分支语句。

首先来看,if...else...分支语句
if后面的括号中需要一个bool值或一个逻辑表达式。
如果后面只有一行要执行的语句,花括号可以省略不写。
如果有多个条件判断,可以在else后面加上if判断即可。

通过几个例子,来学习下其用法。
例子:
 

复制代码 代码示例:

<script>
var num = 100;  //定义变量num,并赋值
//if语句开始,判断num是否等于100,如果是,则执行花括号内的语句
if (num == 100) {  
    num++;
    alert(num);
}
//如果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");
</script>

代码说明:
多出一行 else if语句,如果有多个分支,可以使用这种方式来实现。

接下来学习,switch...case...分支语句的用法。
switch 后面的 (n) 可以是表达式,也可以(并通常)是变量。
然后,表达式中的值会与 case 中的数字作比较,如果与某个 case 相匹配,那么其后的代码就会被执行。
break 的作用是防止代码自动执行到下一行。
例子:
 

复制代码 代码示例:
<script>
var num = 100;  //定义变量num,并赋值
switch (num) {
    case 1: {
        alert("1");
    }; break;
    case 50: {
        alert("50");
    }; break;
    case 100: {
        alert("100");
    }; break;
    default: {
        alert("默认的消息框!");
    }
}
</script>

注意:
case 分支后面必须跟一个常量;
注意每个分支后的break语句,这个是跳出分支的,必不可少。
另外,default分支不是必须的,这个主要用来避免未处理的数据或默认的处理动作时,才会用到default分支。