前端学习笔记--JavaScript篇(四)2020.03.06

折月煮酒 提交于 2020-03-07 02:56:24

流程控制

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

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

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

 

顺序流程控制

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

 

分支流程控制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语句有几种条件,就得判断多次

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!