《JavaScript程序设计》课件第4章.ppt
《《JavaScript程序设计》课件第4章.ppt》由会员分享,可在线阅读,更多相关《《JavaScript程序设计》课件第4章.ppt(33页珍藏版)》请在三一文库上搜索。
1、第4章函数,在进行复杂的程序设计时,通常是根据所要实现的功能将程序划分为一些相对独立的部分,每个部分编写成一个函数,从而使任务单一、结构清晰,程序易于阅读、理解和维护。JavaScript中的函数将一些共享的程序代码独立出来,能够传递参数并返回执行的结果。在程序中可以通过使用函数名来调用函数。 在JavaScript中有两种函数,即JavaScript内置的系统函数和用户自定义的函数。,函数是完成特定任务的语句段。当需要重复执行某种 任务时,就应把相应的语句组织成函数,这样,在 JavaScript程序的任何位置都可以通过引用函数名来执 行函数。程序员可以在程序中建立多个函数,这有利 于组织应
2、用程序的结构,使程序代码的维护与修改更 容易。,第4章函数,4.1函 数 概 述,4.1.1定义函数 在JavaScript中使用函数前,需要先对其进行定义。函数的定义要使用function关键字,其语法格式如下所示(方括号“ ”中的内容为可选项): function 函数名(参数列表) 语句 return语句 ,第4章函数,4.1函 数 概 述,在定义函数时,需要注意以下事项: (1)函数名必须唯一,且区分大小写。 (2)参数可以是常量、变量和表达式。 (3)参数列表中有多个参数时,参数间以逗号“,”隔开。 (4)若函数需要返回值,则使用return语句。 (5)定义函数并不会执行组成函数的
3、语句,只有调用函数时,函数才 会执行。 (6)如果省略了return语句中的表达式,或函数中没有return语句,函 数就会返回一个undefined值。,第4章函数,4.1函 数 概 述,在函数的定义中可以看到函数名后有一个参数列表,其中可以有一个或者几个参数。那么怎样确定参数的个数呢?在JavaScript中,可以通过使用arguments.length属性来检查参数的个数。例如: function function_Name(exp1,exp2,exp3,exp4) 使用arguments.length属性检查参数的个数 number=function_Name.arguments.le
4、ngth; if(number1) document.write(exp2); if(number2) document.write(exp3); if(number3) document.write(exp4); 参看例4-1,第4章函数,4.1函 数 概 述,4.1.2调用函数 通常可以在文档的头部定义函数,以便在装载HTML文档时首先 载入函数。如果函数没有返回值或者调用程序不关心函数的返回值, 可以使用下面的语法格式调用已经定义的函数: 函数名(传递给函数的参数1,传递给函数的参数2,传递给函数的参数n); 参看例4-1、例4-2、例4-3.,第4章函数,4.1函 数 概 述,变量是程
5、序中一个已经命名的存储单元,主要用于为 数据操作提供存放信息的容器。在程序中,变量存储 的数值是可以变化的。根据变量的作用域,可以将变 量分为全局变量和局部变量两种。,第4章函数,4.2全局变量和局部变量,4.2.1全局变量 在函数之外声明的变量叫做全局变量。 例如: var x=5; 定义全局变量x function myFunction() document.write(“在函数体外:“); 显示提示信息 document.write(“x=“+x+“); 输出此时x的值 ,第4章函数,4.2全局变量和局部变量,4.2.2局部变量 在函数内声明的变量叫做局部变量。 例如: function
6、 myFunction() document.write(“在函数体内:“); 显示提示信息 x=7; 定义局部变量x document.write(“x=“+x+“); 输出此时x的值 ,第4章函数,4.2全局变量和局部变量,4.2.3变量的作用域 变量的一个重要属性就是变量的作用域。 全局变量的作用域是此变量定义后的所有语句,包括 其后定义的函数和中的代码。 局部变量作用于函数内部,只对其所在的函数体有 效,在此函数后的其他函数中定义的同名变量与此变 量毫无关系,且以最后一个定义的变量的值为准。在 下面的例子中建立了两个函数,以说明全局变量和局 部变量的作用域。 参看例4-5.,第4章函数
7、,4.2全局变量和局部变量,4.2.4使用局部变量避免冲突 如果函数中定义了与全局变量同名的局部变量,则在 此函数中位于此变量定义之后的脚本代码使用的是局 部变量,而不是全局变量。此时,全局变量被局部变 量覆盖,不再起作用。因此,在定义变量的时候,为 了避免发生不必要的冲突,提倡使用局部变量。下面 是一个使用局部变量避免冲突的示例。 参看例4-6.,第4章函数,4.2全局变量和局部变量,在函数的定义中,函数名后的参数表中可以有一个或 多个参数,也可以没有参数,这需要根据实际应用确 定。,第4章函数,4.3函数参数的使用,4.3.1给函数添加参数 在4.1节中已介绍了简单函数的定义及调用形式,这
8、里介绍如何在函 数中使用参数。定义函数时指定的参数称为形式参数,简称形参;调 用函数时实际传递的值称为实际参数,简称实参。 定义带参数的函数的语法格式如下: function函数名(形参1,形参2,形参n) 函数体 调用带参数的函数的语法格式如下: 函数名(实参1,实参2,实参n) 下面的例子定义了一个带有参数的Show函数,它把参数text中的字符 串显示在Web页面上。参看例4-7.,第4章函数,4.3函数参数的使用,4.3.2使用多个参数 如果函数带有多个参数,调用函数时实参按照形参排列的顺 序依次传递给函数中定义的相应的形参。 参看例4-8.,第4章函数,4.3函数参数的使用,4.3.
9、3使用参数数组 函数中的arguments参数数组包含了传递给当前函数的每个 参数,如argumentsi或functionName.argumentsi,其中, i是一个序列数,其值从零开始计数,因此,传递给函数的第一 个参数应是arguments0。 通过设置arguments的属性,函数可以很好地处理数量可变的 参数。当不知道将有多少个参数传递给函数时,arguments参数 数组可以用arguments.length属性确定实际传递给函数的参数数 量。 参看例4-9.,第4章函数,4.3函数参数的使用,在JavaScript中,有的函数有返回值,有的没有返回值(返 回值是空)。本节对函
10、数返回值的相关知识进行简单介绍。 4.4.1给函数添加返回值 在JavaScript中,可以使用return语句返回函数的值,其语法格 式如下: 参看例4-10. return 表达式; 4.4.2区分函数和过程 在JavaScript中,把只返回undefined值的函数称为过程。函数 和过程的区别是过程调用单独使用一条语句,而函数调用则可 以出现在表达式中。 参看例4-11.,第4章函数,4.4使用函数返回值,在其他语言(如C语言)中,可以定义指向函数的指针,也 就是可以定义一个指针变量来指向某个函数,以后就可以用这 个指针变量来调用其指向的函数。JavaScript也提供了类似的技 术,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript程序设计 JavaScript 程序设计 课件
链接地址:https://www.31doc.com/p-2152646.html