前端学习笔记--JavaScript篇（四）2020.03.06

流程控制

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

换句话说：流程控制就是来控制我们的代码按照什么样的结构顺序来执行的

流程控制主要有三种结构：顺序、分支、循环结构

 

顺序流程控制

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

 

分支流程控制if语句

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

if语句

1.if的语法结构

if (条件表达式) {

执行语句;

}

2.执行思路

如果if里面的表达式执行结果为真，则执行大括号里的语句

如果if执行条件结果为假，则执行if语句后面的代码

if else语句

1.语法结构

if 条件表达式() {

执行语句1;

}

else {

执行语句2;

}

2.执行思路

如果if里面的表达式执行结果为真，则执行执行语句1；

如果if执行条件结果为假，则执行执行语句2；

最终只能有一个语句执行

if else if 语句

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

1.语法结构

if (条件表达式1) {

执行语句1;

}

else if (条件表达式2) {

执行语句2;

}

else {

执行语句3;

}

2.执行思路

如果条件表达式1符合条件，执行执行语句1；

否则，判断条件表达式2是否符合条件，符合则执行执行语句2，

以此类推。。。

 

三元表达式

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

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

2.语法结构

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

3.执行思路

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

 

 

分支流程控制switch语句

switch语句也是多分支语句，也可以实现多选一

1.语法结构

switch(表达式) {

case value1:

执行语句1;

break;

case value2:

执行语句2;

break;

...

default:

执行最后语句;

}

2.执行思路

利用表达式的值与case后面的值进行匹配，如果匹配上，则执行该case里面的语句

如果都没匹配上，则执行default里面的语句

 

1.在开发中，表达式里我们经常填写成变量

2.我们的num值和case里面的值是“===”的关系才可以进行执行

 

 

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

一般情况下，这俩可以互换

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

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