第5章 零基础学JavaScript函数.pptVIP

第5章 函数 函数在JavaScript里是一个很重要的部分。在JavaScript中有很多内置函数，程序员可以直接使用这些内置函数，也可以自定义函数以供程序使用。在本章里将介绍函数的定义与使用方法。 5.1 函数介绍 函数其实就是一段JavaScript代码，可以分为用户自定义函数和系统函数两类。请看以下的介绍。 5.1.1 什么是函数 在编写程序时，为了方便日后的维护方便以及让程序更好的结构化，通常都会把一些重复使用的代码独立出来，这种独立出来的代码块就是函数。函数是独立主程序而存在的、拥有特定功能的程序代码块，并且这个代码块可以在主程序或其他函数中根据需要而被调用。如果将代码块独立成为函数，可以让日后的维护变得方便和简洁。函数分系统函数和用户自定义函数两种，如果一个函数是JavaScript内置的函数，就称为系统函数；如果一个函数是程序员自己所编写的函数，就称为自定义函数。 5.1.2 定义函数 在JavaScript中，可以使用function语句来定义一个函数。其语法代码如下所示： function 函数名(参数1,参数2…) { 语句块 return 返回值 } 5.1.3 定义函数的注意事项 定义一个函数并不难，但是在定义函数时，（具体内容请参照书。） 5.1.4 函数的嵌套定义 在JavaScript 1.2和ECMAScript V1以前，不允许函数进行嵌套定义，这也意味着，函数的定义只能出现在顶层的全局代码中。（具体内容请参照书。） 5.1.5 使用Function()构造函数 在JavaScript 1.1和SCMAScript v1中，除了可以使用function语句来定义函数之外，还可以使用Function()构造函数来定义函数，其语法代码如下所示： var 函数名 = new Function(参数1, 参数2, 参数3…, 函数体);（具体内容请参照书。） 5.1.6 使用Function()构造函数与使用function语句的区别 使用Function ()构造函数可以定义一个函数，使用function语句也可以定义一个函数，但使用Function ()构造函数定义函数与使用function语句定义函数还是有区别的，（具体内容请参照书。） 5.1.7 在表达式中定义函数 除了除function语句和Function()构造函数定义函数之外，还可以在表达式中直接定义函数，其语法代码如下所示： var 函数名 = function(参数1,参数2…) {函数体}; 5.1.8 三种定义函数方法的比较 在前面的章节里，介绍了三种定义函数的方法，第一种是使用function语句定义函数，第二种是使用Function()构造函数定义函数，第三种是在表达式中定义函数。虽然这三种定义函数的方法都可以定义函数，但是这三种定义函数的方法还是有所不同的，下面是三种定义函数的方法的比较：（具体内容请参照书。） 5.2 调用函数 JavaScript在函数定义的时候，是不会执行函数体中的语句，只有在调用函数的时候，才会执行。因此，在定义了函数之后，最重要的是如何去调用函数。下面将调用函数的几种方法。 5.2.1 直接调用无返回值的函数 在JavaScript中，有很多无返回值的函数，调用这种无返回值的函数都使用以下两种方法。 5.2.1.1 直接调用 5.2.1.2 事件处理 5.2.2 将函数的返回值赋给变量 并不是所有函数都没有返回值，对于有返回值的函数通常都会将返回值赋给变量，否则，返回值就没有任何意义了。（具体内容请参照书。） 5.2.3 将函数的返回值赋给对象属性或数组元素 函数的返回值不但可以赋给变量，还可以赋给对象的属性或者数组元素，其赋值方式与赋值给变量类似。（具体内容请参照书。） 5.2.4 综合应用 前面的例子介绍了如何将函数的返回值赋给变量、对象的属性或数组元素，下面举例介绍定义函数的方法与调用函数的方法的综合应用。（具体内容请参照书。） 5.3 函数的参数 在函数中，函数的参数的作用十分重要，只有通过函数参数，才能让函数在处理数据时更为灵活。 5.3.1 传递函数参数的注意事项 5.3.1.1 传递的参数类型与函数中所需要的数据类型不符 5.3.1.2 传递的参数个数与函数定义的参数个数不匹配 5.3.2 传递函数参数的个数和值 5.3.2.1 判断传递的函数参数的个数 5.3.2.2 获得实际传递参数的值 5.3.2.3 Arguments对象的应用 5.4 函数的递归调用 在JavaScript中，函数是可以递归调用的，只要在递归时注意不要引起死循环即可。在JavaScript函数的递归调用有两种方法，一种是使用函数名的递归调用方法，另一种