第3章 JavaScript基本语句
教学目标 1.掌握控制语句的使用 2.灵活运用高级语法自定义函数function
3.1 赋值语句 赋值语句的语法如下： 变量名= 表达式;
3.2 条件语句 1．if语句 语法： if(expression){ statement }
2．if…else语句 语法： if(expression){ statement1 }else{ statement2 }
3．else if语句 语法： if(expression1){ statement1 }else if(expression2){ statement2 }else if(expression3){ statement3 }
4．if语句的嵌套 if语句不但可以单独使用，而且可以嵌套应用。即 在if语句的从句部分嵌套另外一个完整的if语句。在 if语句中嵌套使用if语句，其外层if语句的从句部分 的大括号{}可以省略。但是，在使用应用嵌套的if语 句时，最好是使用大括号{}来确定相互之间的层次 关系。否则，由于大括号{}使用位置的不同，可能 导致程序代码的含义完全不同，从而输出不同的内 容。例如在下面的两个示例中由于大括号{}的位置 不同，结果导致程序的输出结果完全不同。
5．switch语句 语法： switch (expression){ case judgement1: statement1; break; case judgement2: statement2; … default: defaultstatement; }
3.3 循环语句 1．while语句 语法： while (expression){ statement }
2．do…while语句 语法： do{ statement }while(expression);
3．for循环语句 语法： for ( initialize; test; increment ){ statement }
3.4 跳转语句 1．break语句 break语句可以使程序立即跳出循环。该语句有两 种形式：有标号的和无标号的。多数情况下， break语句是单独使用的；但有时也可以在其后面 加一个语句标号，以表明跳出该标号所指定的循 环，并执行该循环之后的代码。 语法： break;
2．continue语句 continue语句可以跳过当前循环的剩余语句。如果 是在while或者for循环语句中应用，则需要先判断 循环条件，如果循环的条件不符合，就跳出循环。 语法： continue;
3.5 异常处理语句 1．嵌套try...catch语句 如果在catch区域中也发生了异常，可以在catch区域中再使用一组try...catch语句，即嵌套使用try...catch语句。 语法： <script language="javascript"> try{ somestatements; } catch(exception){ somestatments; }catch(exception){ }finally{ </script> try：捕捉异常关键字。 catch：捕捉异常关键字。 finally：最终一定会被处理的区块的关键字。
2．使用throw语句抛出异常 在程序中使用throw语句可以有目的的抛出异常。 语法： <script language="javascript"> throw new Error("somestatements"); </script> throw：抛出异常关键字。 也可以使用throw语句抛出Error对象子类的对象。 throw new TypeError("somestatements");
3.6 注释语句 JavaScript脚本会把处于“//”和一行结尾之间的任何 文本都当作注释忽略掉。此外“/*”和“*/”之间的文 本也会被当作注释。这些C型的知识可以跨越多行，但 是其中不能有嵌套的注释。下面的代码都是合法的 JavaScript脚本注释方法，例如： <script language=”javascript”> //这是一条单行注释 /*这是另一条单行注释*/ /*这是一条多行注释 …… */ </script>
为程序代码添加注释具有以下作用： 可以理解程序某些语句的作用和功能，使程序更易 于理解。 可以用注释来暂时屏蔽某些语句，使浏览器对其暂 时忽略，等到需要时再取消注释，这些语句将重新 发挥作用。
3.7 函数 3.7.1 函数的定义 语法： <script language="javascript"> 3.7 函数 3.7.1 函数的定义 语法： <script language="javascript"> function functionName(parameters){ some statements; } </script> functionName：函数名称。 parameters：参数名称。
3.7.2 函数的调用 1．函数的简单调用 语法： <html> <head> 3.7.2 函数的调用 1．函数的简单调用 语法： <html> <head> <script type="text/javascript"> function functionName(parameters){ some statements; } </script> </head> <body> functionName(parameters); </body> </html> functionName：函数名称。 parameters：参数名称。
2．在事件响应中调用函数 当用户单击某个按钮或某个复选框时都将触发事件， 通过编写程序对事件做出反应的行为称为响应事件， 在JavaScript语言中，将函数与事件相关联就完成 了响应事件的过程。
3．通过链接调用函数 函数除了可以在响应事件中被调用之外，还可以在 链接中被调用，在<a>标签中的href标记中使用 “javascript:”关键字调用函数，当用户单击这个 链接时，相关函数将被执行。
3.7.3 递归函数 语法： <script type="text/javascript"> var outter=10; 3.7.3 递归函数 语法： <script type="text/javascript"> var outter=10; function functionName(parameters1){ functionName(parameters2); } </script> functionName：递归函数名称。
在定义递归函数时需要两个必要条件： 包括一个结束递归的条件。 包括一个递归调用语句。