JS流程控制分支结构

1.流程控制

在一个程序执行过程中，各条代码的执行顺序对程序的结果有直接影响，很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。

简单理解： 流程控制就是来控制我们的代码按照什么结构顺序来执行。

流程控制主要有三种结构，分别是顺序结构、分支结构、循环结构，这三种结构代表三种代码执行的顺序

2.顺序流程控制

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

3.分支流程控制if语句 

由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果。

JS语言提供了 两种分支结构语句

if  语句

switch语句

4.i f 语句

if（条件表达式）{

        //执行语句 

}

执行思路：如果 if 里面的条件表达式为true 则执行大括号里面的执行语句

如果 if  条件表达式为假  则不执行大括号里面的执行语句则执行 if 语句后面的代码

语句可以理解为一个行为，循环语句和分支语句就是典型的语句。一个程序由很多个语句组成，一般情况下，会分割成一个一个的语句。

 

5.if   else双分支语句 

if（条件表达式）{

        //执行语句1

}

else{

        //执行语句2

}

执行思路：如果条件表达式结果为真   那么执行语句1  否则执行语句2 

注意：if  里面的语句1 和  else 里面的语句2最终值只能有一个能执行

        else后面没有小括号，直接跟大括号        

 

6.if else if 多分支语句 

 多分支语句就是利用多个条件来选择不同的语句执行  得到不同的结果  多选一的过程

if（条件表达式1）{

//执行语句1

}else if（条件表达式2）{

//执行语句2

}else if（条件表达式3）{

//执行语句3

}else{

//最后的语句

}

执行思路： 

如果条件表达式1  满足就执行  语句1  执行完毕后  推出整个 if 分支语句

如果条件表达式1 不满足 则判断条件表达式2 满足的话执行语句2  以此类推

如果上面条件表达式都不成立  则执行else里面的语句

注意：

多分支语句还是多选1  最后只有一个语句执行

else if 中间有一个空格

else if里面的条件理论上是可以任意多个的

 

7.三元表达式 

 三元表达式能进行一些简单的条件选择，有三元运算符组成的式子称为三元表达式

语法结构：

条件表达式？  表达式1  ： 表达式2

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

8.switch语句

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

语法结构：

switch（表达式）{

        case value1：

                执行语句1；

                break；

        case value2：

                执行语句2；

                break；

        ......

        default：

                执行最后的语句；

        }

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

注意事项：

1.  开发时，表达式经常写成变量

2.  我们表达式的值和case里面的值相匹配的时候必须是全等 关系

3.  break 如果当前case里面没有break 则不会退出swtich 是继续执行下一个case

9. switch和if else if语句的区别

1.   一般情况下 ，他们两个语句可以相互替换

2.  switch . . case语句通常处理case值为比较确定的情况，而if.. else..语句更加灵活，常用于范围判断（大于、等于某个范围）

3.  switch语句进行条件判断后直接执行到程序的条件语句，效率更高。而if..else语句有几种条件，就得潘多多次

4.  当分支比较少的时候，if ..else语句的执行效率比switch效率更高

5.  当分支比较多的时候， switch语句的执行效率更高，而且结构比较清晰