流程控制
在一个程序的执行过程中，各条代码的执行顺序对程序的结果是由直接影响的,很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能.
简单理解:流程控制就是来控制我们的代码安装什么顺序来执行
流程控制主要有三种结构, 分别是顺序结构,分支结构和循环结构,这三种结构代表三种代码执行的顺序
顺序流程控制
顺序结构是程序中最简单、最基本的流程控制，他没有特定的语法结构，程序会按照代码的先后顺序,依次执行,程序中大多数代码都是这样执行的.
分支流程控制if语句
分支结构
由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果
JS语言提供了两种分支结构语句
- if语句
- switch 语句
if语句
if 分支语句
if 的语法结构 如果if
if (条件表达式){
//执行语句
}
执行思路 如果 if里面的条件表达式结果如果为真 true 则只需大括号里面的 执行语句
如果if 条件表达式结构为假 则不执行大括号里面的语句 则执行if 语句后面的代码
if (3>5) {
alert('沙漠骆驼')
}
if else 分支语句
if 的语法结构 如果if
if (条件表达式){
// 执行语句1
} else {
执行语句2
}
执行思路 如果表达式结果为真, 那么执行语句1 否则 执行语句2
var age = prompt('输入年龄');
if (age>=18) {
alert('我想带你去网吧偷耳机')
}
else{
alert('回家吧')
}
if 里面的语句1 和else里的语句2 最终只能只能执行一个 2选1
else后面直接跟大括号
if else if多分支语句
多分支语句 就是利用多个提交来选择不同的语句执行 得到不同的结果 多选1的过程
if else if 语句是多分支语句
语法规范
if(条件表达式1){
语句1;
} else if(条件表达式2){
语句2;
} else if(条件表达式3){
语句3;
}else {
最后的语句;
}
注意:
- 多分支语句还是多选1 最后只能有一个语句执行
- else if 里面的提交理论上是可以任意多个的
- else if 中间有个空格
三元表达式
三元表达式也能做一些简单的条件选择. 由三元运算符组成的式子称为三元表达式
条件表达式 ? 表达式1 : 表达式2
如果条件表达式结果为真 则返回表达式1的值 如果为假则返回表达式2的值
var num = 10;
var result = num > 5 ? '是的' : '不是的';
console.log(result); //是的
分支流程控制switch语句
switch语句也是多分支语句,它用于不同的条件来执行不同的代码,当要针对变量设置一系列特定值的选项是,就可以用switch
switch (表达式) {
case value1:
执行语句1;
break;
case value2:
执行语句2;
break;
default:
执行最后的语句;
break;
}
注意事项:
- 我们开发里面 表达式我们经常写成变量
- 我们num的值和case里面的值相匹配的时候是全等 必须是值和数据类型一致才可以 num === 1
- break如果当期的case里面没有break 则不会退出switch 是继续执行下一个case
