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

第5章 函数 本章目录 5.1 什么是函数 5.2 函数的定义 5.3 函数的调用 函数的简单调用 函数的简单调用 在事件响应中调用函数 通过链接调用函数 5.4 函数参数的使用 5.4 函数参数的使用 5.5 使用函数返回值 5.5 使用函数返回值 5.6 函数的嵌套 5.6 函数的嵌套 5.7 递归函数 5.7 递归函数 5.8 JavaScript中的内置函数 5.8 JavaScript中的内置函数 5.8 JavaScript中的内置函数 5.8 JavaScript中的内置函数 5.8 JavaScript中的内置函数 5.8 JavaScript中的内置函数 习题 习题 课件制作人： 《JSP程序设计教程》课件 制作人：宋坤 【学习目标】 在JavaScript程序中使用函数可以使代码更为简洁并具有重用性能。通过本章的学习，读者可以达到以下学习目的： ●　了解什么函数 ●　掌握函数的定义和调用 ●　函数参数和函数返回值的使用 ●　学会函数的嵌套和递归函数 ●　掌握JavaScript中的内置函数 【学习导航】 本章首先介绍什么是函数，接着讲解函数的定义与调用，函数参数和函数返回值的使用，函数的嵌套和递归函数，最后讲解JavaScript中的内置函数，其中应用了大量举例。本章在书中的学习位置如图5.1所示。 【知识框架】 本章学习内容知识框架如图5.2所示。 √ 5.1 什么是函数 5.2 函数的定义 5.3 函数的调用 5.4 函数参数的使用 5.5 使用函数返回值 5.6 函数的嵌套 5.7 递归函数 5.8 JavaScript中的内置函数 √ √ √ √ √ √ √ 在计算机程序中通常包含由多条语句组成的逻辑单元，在一些语言中这样的单元被称作过程或者方法，然而在JavaScript程序设计中这样的单元被称为函数。函数实质上就是可以作为一个逻辑单元对待的一组相关JavaScript语句。在JavaScript程序中使用函数可以使代码更为简洁并具有重用性能。 函数是由关键字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); //在页面中弹出对话框 } 函数的简单调用 在事件响应中调用函数 通过链接调用函数 √ √ 函数定义后并不会自动执行，要执行一个函数需要在特定的位置调用函数，调用函数需要创建调用语句，调用语句包含函数名称和参数具体值。 √ 函数的定义语句通常被放在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 s