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