1 本节目标

• 使用if分支语句
• 使用switch分支语句
• 使用三元表达式

2 流程控制

• 在一个程序执行过程中，各条代码的执行顺序对程序的结果是有直接影响的，很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。
• 简单理解：流程控制就是来控制我们的代码按照什么结构顺序来执行。
• 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。
  

3 顺序流程控制

• 顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行，程序中大多数的代码都是这样执行的。

4 分支流程控制if语句

4.1 分支结构

• 由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码(执行代码多选一的过程)，从而得到不同的结果。
• JS语言提供了两种分支结构语句：
  1>if语句
  2>switch语句

4.2 if语句

4.2.1 语法结构

if (条件表达式) {
	//条件成立，执行此语句
}

4.2.2 执行流程

• 执行思路：如果if里面的条件表达式结果为真，则执行大括号里面的执行语句；如果if里面的条件表达式结果为假，则执行if语句后面的代码。
  

4.3 if else语句(双分支语句)

4.3.1 语法结构

if (条件表达式) {
	//条件成立，执行此语句
} else {
	//条件不成立，执行此语句
}

4.3.2 执行流程

• 执行思路：如果if里面的条件表达式结果为真，则执行if大括号里面的执行语句；如果if里面的条件表达式结果为假，则执行else大括号里面的执行语句。
• if里面的语句1和else里面的语句2只能有一个语句执行。
• else后面直接跟大括号。
  

4.4 if else if语句(多分支语句)

• 就是利用多个条件来选择不同的语句执行，得到不同的结果。
• 简单来说就是多选一的过程。

4.4.1 语法结构

if (条件表达式1) {
	//条件1成立，执行此语句
} else if (条件表达式2) {
	//条件2成立，执行此语句
} else if (条件表达式3) {
	//条件3成立，执行此语句
} else {
	//以上条件都不成立，执行此语句
}

4.4.2 执行流程

• 执行思路：如果条件表达式1满足，就执行语句1，执行完毕后，退出整个if分支语句。如果条件表达式1不满足，则判断条件表达式2，满足的话执行语句2，以此类推，如果上面的所有条件表达式都不成立，则执行else里面的语句。
• 注意点：
  1>多分支语句还是多选一，最后只能有一个语句执行。
  2>else if里面的条件理论上是可以任意多个的。
  3>else if 中间有个空格。
  

5 三元表达式

• 三元表达式也能做一些简单的条件选择，由三元运算符组成的式子称为三元表达式。

5.1 语法结构

条件表达式 ? 表达式1 : 表达式2;

5.2 执行思路

• 如果条件表达式结果为真，则返回表达式1的值；如果条件表达式结果为假，则返回表达式2的值。
  

6 分支流程控制switch语句

• switch语句也是多分支语句，它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时，就可以使用switch。

6.1 语法结构

switch(表达式) {
	case value1:
    	执行语句1;
        break;
    case value2:
        执行语句2;
        break;
    ...
    default:
        执行最后的语句;
}

6.2 执行思路

• 利用我们的表达式的值和case后面的选项值相匹配，如果匹配上，就执行该case里面的语句，如果都没有匹配上，那么执行default里面的语句。
  

6.3 注意事项

• 在开发时，表达式我们经常写成变量。
• 表达式(变量)的值和case里面的值相匹配时，是全等(值和数据类型都一致)才可以。
• break：如果当前的case里面没有break，则不会退出switch，将继续执行下一个case。

6.4 switch语句和if else if语句的区别

• 一般情况下，他们两个语句可以相互替换。
• switch...case语句通常处理case为比较确定值的情况，而if...else...语句更加灵活，常用于范围判断(大于、等于某个范围)。
• switch语句进行条件判断后直接执行到程序的条件语句，效率更高。而if…else语句有几种条件，就得判断多少次。
• 当分支比较少时，if…else语句的执行效率比switch语句高。
• 当分支比较多时，switch语句的执行效率比较高，而且结构更清晰。