#1.流程控制

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

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

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

 #2.顺序流程控制

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

#3.分支流程控制if语句

3.1分支结构

由上到下执行代码的过程中，根据不同的条件，执行不同的代码，从而得到不同的结果。

js 提供的了两种不同的代码语句 if 和 switch 语句

3.2.if 语句

1.语法结构

<script>
     // 1. if 的语法结构
     // if (条件表达式) {
     //     //执行语句
     // }
     // 2. 执行思路 如果 if 表达式里面的执行结构为真，则执行if中的执行语句。
     // 如果if 条件表达式结构为假 则不执行if 中的语句，直接执行if语句后面的代码
    </script>

2.if else 语句

<script>
     // 1. if 的语法结构
     // if (条件表达式) {
     //     //执行语句1
     // }else{
　　　　//执行语句2
　　   }
     // 2. 执行思路 如果 if 表达式里面的执行结构为真，则执行if中的执行语句。
     // 如果if 条件表达式结构为假 则不执行if 中的语句，直接执行if语句后面的代码
    </script>

　　总结：if 里面的语句和else里面的语句最终只能执行一个，不可同时执行

执行流程：

 3.多分枝语句

1.多分枝语句 就是利用多个条件来选择不同的语句执行 得到不同的结果

2.多分枝语句 if else if 

<script type="text/javascript">
            //语法规范
            if (条件表达式1) {
                //执行语句1
            } else if (条件表达式2) {
                //执行语句2
            } else if (条件表达式3) {
                //执行语句3
            } else if (条件表达式4) {
                //执行语句4
            } else {
                //最后的语句
            }
        </script>

如果条件满足条件表达式1 就执行 语句1 执行完毕，退出整个 if 分支语句，如果不满足就向下执行，直到执行到最后的语句。

执行流程

 在编写多支出语句时，代码必须要从大到小去进行判断，因为代码执行思路是从上向下依次执行。

#4.三元表达式

1.由三元运算符组成的式子我们称为三元表达式

2.++num　　3+5　　？：

3.语法结构

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

4.执行思路

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

5.代码演示

<script>
   var num = 10;
   var result = num > 5 ? '是的' : '不是'
   console.log(result);
</script>

 #5.switch分支语句

1.switch 语句也是多分枝语句 也可以实现多选一

2.语法结构 switch 转换、开关  case 小例子或者选项的意思

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

<script type="text/javascript">
            switch (表达式) {
                case value1:
                    执行语句1
                    break;
                case value2:
                    执行语句2
                    break
                default:
                    执行最后的语句
            }
            
        </script>

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

4.代买验证：

<script type="text/javascript">
            switch(2) {
                case 1:
                console.log('这是1');
                break;
                case 2:
                console.log('这是2');
                break;
                case 3:
                console.log('这是3');
                break;
                default:
                console.log('没有匹配值');
            }
        </script>

#6.switch 注意事项

1.我们在开发中经常会把表达式写成变量

2.switch（）中的值是和 case 里面的值相匹配的时候是 全等 的，必须是值和数据类型一样的才可以

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

#7.switch和if else 的区别

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

2.switch语句通常处理 case 比较确定的值,而if 语句更加灵活,通常用于范围判断大于或者等于某个范围.

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

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

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