《Javascript高级程序设计》课件——项目3 猜数字游戏——JavaScript流程控制.pptxVIP

项目3猜数字游戏——JavaScript流程控制;五四青年节快要到了，班里要举行晚会，需要设计一个猜数字游戏环节。李强同学刚刚学习了JavaScript的基本语法规则，迫切地想大显身手，他和团支部书记规划游戏的流程。游戏开始时界面如图3-1所示，输入数字，单击“确定”按钮出现提示界面，提示输入的数值偏大或偏小，如图3-2、图3-3所示，同时显示用户的输入次数。猜测成功后恭喜用户，效果如图3-4所示，超过限定猜测次数时提示用户“您已经没有机会了，真遗憾！”，效果如图3-5所示，游戏结束。;情境导入;情境导入;■掌握流程控制的基本概念，能够根据具体情况分析使用何种结构

■掌握分支语句的语法结构及使用方法，并具备使用分支语句解决实际问题的能力

■掌握循环语句的语法结构及使用方法，并具备使用循环语句解决实际问题的能力

;知识储备;任务认识流程控制; JavaScript的程序是一系列可执行语句的集合。语句是指一个可执行的单元，通过语句的执行，实现某种功能。

流程控制是指语句的组织、执行方式，它控制程序的执行流程。在一个程序执行的过程中，语句的执行顺序会直接影响执行结果。;JavaScript中有三大流程控制语句

顺序结构是程序中最基本的结构，程序按照代码的书写顺序，从上到下执行程序代码

分支结构根据条件来决定是否执行某个分支的代码

循环结构根据条件来决定是否重复执行某一段代码;显示个人信息——顺序结构;显示个人信息——顺序结构;显示个人信息——顺序结构;任务使用分支结构;分支结构用于在代码由上而下执行的过程中，根据不同的条件，执行不同的代码，从而得到不同的结果，分支结构也称为选择结构。常见的分支结构主要有单分支结构（if语句）、双分支结构（if…else语句）和多分支结构（if…elseif…else语句和switch语句）3种。下面将分别对这几种分支结构进行讲解。

;

if语句用于实现单分支结构，当满足某种条件时，就进行某种处理。其语法格式如下。

;If语句流程结构如图所示。

功能：在if语句中，只有当条件表达式的值等于true时，才执行下面的语句块; if…else语句用于实现典型的双分支结构，当满足某种条件时，就进行某种处理，否则进行另一种处理。其语法格式如下

;if…else语句流程结构如图所示

当条件表达式的值等于true时，执行语句块1

当条件表达式的值等于false时，执行语句块2

if和else后面的语句块不能同时执行，只能执行其中一个;判断最大值——双分支语句;判断最大值——双分支语句;判断最大值——双分支语句; 某单位男职工60岁退休，女职工55岁退休，判断58岁的女职工是否已经退休。

那么我们是怎样得出答案的呢？

我们首先判断年龄还是性别？很明显，我们先判断这个职工是男还是女，然后判断他是否满足对应的退休年龄要求，思考过程如图所示。;判断性别采用双分支结构实现，在各自的分支中又有一个判断退休年龄的分支。要实现这个过程，需要在if语句的语句块和else语句的语句块中再使用if…else语句，即if…else语句嵌套另外一个完整的if…else语句，这就是分支结构嵌套。;;评定成绩等级——分支结构嵌套;;评定成绩等级——分支结构嵌套; 分支语句的嵌套层次超过两层，就很容易出错。要解决这个问题，可以使用一种新的分支语句，即if…elseif…else语句，也称为多分支语句，可针对不同情况进行不同的处理。

;在if…elseif…else语句中，当条件表达式1的值等于true时，执行下面的语句块1

否则，当条件表达式2的值等于true时，执行下面的语句块2

依次类推，当条件表达式n的值等于true时，结束执行。;在【任务三】中，通过if…else语句的嵌套显示了成绩的考评等级。每个条件表达式后面有自己的结果分支，可以尝试使用多分支结构来替换分支结构嵌套。;;对比两种实现方法，我们发现多分支结构中的if…elseif…else语句层次比if…else语句嵌套要更清晰。;分时问候——多分支结构;分时问候——多分支结构;分时问候——多分支结构;switch语句也用于实现多分支结构，功能与使用if语句的多分支结构相同，不同的是switch语句只能针对某个表达式的值做出判断，从而决定执行哪一段代码。其语法格式如下。

;在switch分支语句中，根据表达式的值来执行对应的语句块。

case后面的值一般为整数或字符串常量，中间用空格隔开。

当JavaScript执行switch语句时，首先要计算switch后面圆括号内的表达式的值，当表达式的值与某个case的值相等时，就执行此case后面的语句块；如果所有case的值都不与sw