Presentation is loading. Please wait.

Presentation is loading. Please wait.

第3章 JavaScript基本语句.

Similar presentations


Presentation on theme: "第3章 JavaScript基本语句."— Presentation transcript:

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 在定义递归函数时需要两个必要条件: 包括一个结束递归的条件。 包括一个递归调用语句。


Download ppt "第3章 JavaScript基本语句."

Similar presentations


Ads by Google