js流程控制及案例

---

一、流程控制

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

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

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

二、顺序流程控制

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

三、分支流程控制if语句

1.分支结构

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

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

• if语句
• switch语句

2.if语句

(1)语法结构

// 1.if的语法结构 如果if  条件成立执行代码，否则什么也不做
if (条件表达式) {
   
	//执行语句
}
// 2.执行思路 如果if里面的条件表达式结果为真true，则执行大括号里面的执行语句
// 如果if条件表达式结果为假，则不执行大括号里面的语句，则执行if语句后面的代码
// 3.代码体验
if (3 < 5) {
   
	alert('余华');
}

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

(2)执行流程

(3)案例：进入网吧

弹出一个输入框，要求用户输入年龄，如果年龄大于18岁，允许进入网吧。

① 案例分析

1. 弹出prompt输入框，用户输入年龄，程序把这个值取过来保存到变量中
2. 使用if语句来判断年龄，如果年龄大于18就执行if大括号里面的输出语句

②代码展示

// 1. 弹出prompt输入框，用户输入年龄，程序把这个值取过来保存到变量中
// 2. 使用if语句来判断年龄，如果年龄大于18就执行if大括号里面的输出语句
var age = prompt('请输入您的年龄：');
if (age > 18) {
   
	alert('我想带你去网吧写代码');
}

3.if else语句（双分支语句）

(1)语法结构

// 条件成立，执行if里面代码，否则执行else里面的代码
if(条件表达式){
   
    //[如果]条件成立的代码，执行语句1
}else{
   
    //[否则]执行的代码，执行语句2
}
// 2.执行思路：如果表达式结果为真，那么执行语句1，否则执行语句2
// 3.代码验证
var age = prompt('请输入您的年龄：');
if(age >=18){
   
    alert('我想带你去网吧偷耳机');
}else{
   
    alert('回去写作业去！'