《HTML教程》_4.6教学材料.pptxVIP

4.6.1顺序结构

顺序结构是最简单的一种控制结构，它只需要把要执行的语句按先后顺序写出来就可以了。没有特殊的语法形式，只是若干条语句的排列。但需要注意的是，既然是“顺序”结构，那么“顺序”就是十分重要的。例如，document.write(“d=”+d);//输出undefined，而不是”我应该写在前面”vard=“我应该写在前面”;

上面代码的错误就在于颠倒了变量声明赋值与输出语句的顺序。虽然JavaScript的变量自动提前机制可以保证上面的代码不会出现语法错误，但执行结果不是我们想要的。所以，在编写顺序结构的程序时，务必注意语句的排列顺序，这一点是十分重要的。

4.6.2分支结构分支结构就是在执行过程中的某一点上（某条语句）有两个或多个选择，只能选择其一的情况。JS中分支结构有3种，分别是if语句、if~else语句和switch语句。语法格式如下，凡是涉及到语句的，既可能是简单语句，也可能是复合语句。

（1）if语句

语法格式：if(条件表达式){ //if语句开始 语句1;}//if语句结束语句2;执行流程：先求解条件表达式的值，若其值为真则执行语句1，否则if语句结束，执行if语句后面的语句2。

可以简单的理解为“语句1要么执行要么不执行”。执行流程图如图4-1（a）所示。图4-1分支语句执行流程

（2）if~else语句语法格式：if(条件表达式){//if子句 语句1;}else{//else子句 语句2;}//if~else结束语句3;执行流程：先求解条件表达式的值，如果其值为真，则执行语句1，否则执行语句2，if语句结束，执行if~else后面的语句3。

可以简单的理解为“要么执行语句1要么执行语句2”。执行流程图如图4-1（b）所示。以上if和if~else语句中的条件表达式是一个值为布尔型的表达式，或者是表达式的值可以自动转换成布尔型结果的表达式。

（3）switch语句语法格式：switch(表达式){case值1:? 语句1;? break;? case值2:? 语句2;? break;? //其他的case……? case值n;? 语句n;? break;? default:? 语句n+1;}

switch语句与其他两个分支语句不同，是一个多分支语句。执行流程是，先求解表达式的值，如果表达式的值为值1，则执行语句1，然后执行break语句跳出switch语句。如果表达式的值为值2，则执行语句2，然后执行break语句跳出switch语句。依次类推，直到值n。

如果case中的所有值都与表达式的值不同，则执行default语句中的语句n+1，然后退出switch语句。如果case中没有break语句，则会顺次执行其后面所有case中的语句和default语句（如果有的话），这在多个case需要执行相同的语句时非常有用。执行流程如图4-1（c）所示。

switch中涉及另外两个语句：break和default语句。下面分别予以说明：◆break语句——作用有两个，一个是在switch语句中中止当前case的执行，跳出switch语句；另一个作用是在循环体（见4.7.3节）中，终止当前循环的执行，退出循环体。

◆default语句——在switch语句中是可选的，也就是说可以没有default语句。如果switch中没有匹配的case值，在没有default语句的情况下，则不会执行switch语句。在包含default语句的情况下，则会执行default语句中指定的语句n+1。

下面举一个选择结构的例子说明选择结构的用法，代码如清单4-4所示。上面代码的第一部分是判断输入的数是否为偶数。用户输入使用了window对象的prompt函数，它是一个提示框，用户可以在其中输入内容，并由prompt函数返回。如何判定一个数是不是偶数呢？

我们知道在数学上能被2整除的数就是偶数，那么如何表示“能被2整除呢？”所谓整除也就是余数为0，记得我们学过取余数的运算符%，就用它可以实现判断一个数是否为偶数，条件就是a%2==0，其中a%2计算a除以2的余数，==号判定这个余数是否和0相等。

第二部分判定给定的数是不是大于10的偶数，这里需要用到分支结构的嵌套。先判定给定的数是否大于10，然后再判定是否为偶数，用到了if语句嵌套if~else的结构。其实不只是分支结构可以嵌套，任何控制结构都可以相互嵌套。实际上，控制结构也是控制语句，所以当然可以作为语句出现在控制结构中了。

第三部分是判断今天是周几？这里的今天不是固定的某一天，而是动态的，你哪天运行这个程序它就指的是哪一天。那如何表示这个变化的“今天”呢？用JS的Dat