JavaScript程序设计课件.ppt

第4章函数 在进行复杂的程序设计时，通常是根据所要实现的功能将程序划分为一些相对独立的部分，每个部分编写成一个函数，从而使任务单一、结构清晰，程序易于阅读、理解和维护。JavaScript中的函数将一些共享的程序代码独立出来，能够传递参数并返回执行的结果。在程序中可以通过使用函数名来调用函数。 在JavaScript中有两种函数，即JavaScript内置的系统函数和用户自定义的函数。 函数是完成特定任务的语句段。当需要重复执行某种 任务时，就应把相应的语句组织成函数，这样，在 JavaScript程序的任何位置都可以通过引用函数名来执 行函数。程序员可以在程序中建立多个函数，这有利 于组织应用程序的结构，使程序代码的维护与修改更 容易。 4.1.1定义函数 在JavaScript中使用函数前，需要先对其进行定义。函数的定义要使用function关键字，其语法格式如下所示（方括号“［ ］”中的内容为可选项）： function 函数名（［参数列表］） { 语句 …… ［return语句］ } 在定义函数时，需要注意以下事项： （1）函数名必须唯一，且区分大小写。 （2）参数可以是常量、变量和表达式。 （3）参数列表中有多个参数时，参数间以逗号“,”隔开。 （4）若函数需要返回值，则使用return语句。 （5）定义函数并不会执行组成函数的语句，只有调用函数时，函数才 会执行。 （6）如果省略了return语句中的表达式，或函数中没有return语句，函 数就会返回一个undefined值。 在函数的定义中可以看到函数名后有一个参数列表，其中可以有一个或者几个参数。那么怎样确定参数的个数呢？在JavaScript中，可以通过使用arguments.length属性来检查参数的个数。例如： function function_Name(exp1,exp2,exp3,exp4) ∥ 使用arguments.length属性检查参数的个数 number=function_Name.arguments.length; if(number1) document.write(exp2); if(number2) document.write(exp3); if(number3) document.write(exp4); …… 参看例4-1 4.1.2调用函数 通常可以在文档的头部定义函数，以便在装载HTML文档时首先 载入函数。如果函数没有返回值或者调用程序不关心函数的返回值， 可以使用下面的语法格式调用已经定义的函数： 函数名（传递给函数的参数1，传递给函数的参数2，…，传递给函数的参数n）; 参看例4-1、例4-2、例4-3. 变量是程序中一个已经命名的存储单元，主要用于为 数据操作提供存放信息的容器。在程序中，变量存储 的数值是可以变化的。根据变量的作用域，可以将变 量分为全局变量和局部变量两种。 4.2.1全局变量 在函数之外声明的变量叫做全局变量。 例如： var x=5;∥ 定义全局变量x function myFunction() { document.write(在函数体外：br); ∥显示提示信息 document.write(x=+x+br); ∥输出此时x的值 } 4.2.2局部变量 在函数内声明的变量叫做局部变量。 例如： function myFunction() { document.write(在函数体内：br); ∥显示提示信息 x=7; ∥定义局部变量x document.write(x=+x+br); ∥输出此时x的值 } 4.2.3变量的作用域 变量的一个重要属性就是变量的作用域。 全局变量的作用域是此变量定义后的所有语句，包括 其后定义的函数和script/script中的代码。 局部变量作用于函数内部，只对其所在的函数体有 效，在此函数后的其他函数中定义的同名变量与此变 量毫无关系，且以最后一个定义的变量的值为准。在 下面的例子中建立了两个函数，以说明全局变量和局 部变量的作用域。 参看例4-5. 4.2.4使用局部变量避免冲突 如果函数中定义了与全局变量同名的局部变量，则在 此函数中位于此变量定义之后的脚本代码使用的是局 部变量，