JavaScript程序设计基础教程第5章 函数.pptVIP

√ 本章目录 5.1 什么是函数 5.2 函数的定义 5.3 函数的调用 5.4 函数参数的使用 5.5 使用函数返回值 5.6 函数的嵌套 5.7 递归函数 5.8 JavaScript中的内置函数 √ √ √ √ √ √ √ 课件制作人： 5.1 什么是函数 在计算机程序中通常包含由多条语句组成的逻辑单元，在一些语言中这样的单元被称作过程或者方法，然而在JavaScript程序设计中这样的单元被称为函数。函数实质上就是可以作为一个逻辑单元对待的一组相关JavaScript语句。在JavaScript程序中使用函数可以使代码更为简洁并具有重用性能。 课件制作人： 5.2 函数的定义 函数是由关键字function、函数名加一组参数以及置于大括号中需要执行的一段语句定义的。函数与其他的JavaScript代码一样，必须位于SCRIPT/SCRIPT标记之间，函数的基本语法如下： 语法： script language=javascript function functionName(parameters){ some statements; } /script functionName：函数名称。 parameters：参数名称。 例5.1 下面的程序定义了一个函数，代码如下： script language=javascript function print(statement1,statement2,statement3){ alert(statement1+statement2+statement3); //在页面中弹出对话框 } 课件制作人： 5.3 函数的调用 函数的简单调用 在事件响应中调用函数 通过链接调用函数 √ √ 函数定义后并不会自动执行，要执行一个函数需要在特定的位置调用函数，调用函数需要创建调用语句，调用语句包含函数名称和参数具体值。 √ 课件制作人： 函数的简单调用 函数的定义语句通常被放在HTML文件的HEAD段中，而函数的调用语句通常被放在BODY段中，如果在函数定义之前调用函数，程序执行将会出错。 语法： html head script type=text/javascript function functionName(parameters){ some statements; } /script /head body functionName(parameters); /body /html functionName：函数名称。 parameters：参数名称。 课件制作人： 函数的简单调用 例5.2 下面演示如何调用函数，运行结果如图5.1所示。 程序代码如下： html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title函数的简单应用/title script language=javascript function print(statement1,statement2,statement3){ alert(statement1+statement2+statement3); } /script /head body script language=javascript print(使用第一个JavaScript函数 ,作者:,gy); /script /body /html 在上述代码中，调用函数的语句将字符串“第一个JavaScript函数程序”、“作者”和“gy”，分别赋予变量statement1、statement2和statement3。 课件制作人： 在事件响应中调用函数 当用户单击某个按钮或某个复选框时都将触发事件，通过编写程序对事件做出反应的行为称为响应事件。在JavaScript语言中，将函数与事件相关联就完成了响应事件的过程。比如当用户单击某个按钮时，与此事件相关联的函数将被执行。 例5.3 可以使用如下代码实现以上的功能。 script language=javascript function test(){ alert(test); } /script /head body form action= method=post name=form1 input type=button value=提交 onClick=test(); /form /body 在上述代码中可以看出，首先定义一个名为test()的函数，函数体比较简单，使用alert()语句返回一