第15章 JavaScript中的函数与对象.ppt

* 第15章　JavaScript中的函数和对象 教学内容：JavaScript中的函数本身就是一个对象，而且可以说是最重要的对象。之所以称之为最重要的对象，一方面它可以扮演像其他语言中的函数同样的角色，可以被调用，可以被传入参数。 教学重点 什么是函数 函数的定义 JavaScript对象的声明和引用 浏览器对象 内置对象 15.1 什么是函数 JavaScript中的函数是可以完成某种特定功能的一系列代码的集合，在函数被调用前函数体内的代码并不执行，即独立于主程序。 15.2 函数的定义 JavaScript的函数属于Function对象，因此可以使用Function对象的构造函数来创建一个函数。 15.2.1 函数的普通定义方式 普通定义方式使用关键字function，也是最常用的方式，形式上跟其他的编程语言一样。 15.2.2 函数的变量定义方式 在JavaScript中，函数对象对应的类型是Function，正如数组对象对应的类型是Array，日期对象对应的类型是Date一样，可以通过new Function()来创建一个函数对象。 15.2.3 函数的指针调用方式 前面的代码中，函数的调用方式是最常见的，但是JavaScript中函数调用的形式比较多，非常灵活。有一种重要的，在其他语言中也经常使用的调用形式叫做回调，其机制是通过指针来调用函数。 15.3　JavaScript对象的声明和引用 对象可以是一段文字、一幅图片、一个表单（Form）等。每个对象有它自己的属性、方法和事件。 15.3.1　声明和实例化 JavaScript中的对象是由属性（properties）和方法（methods）两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；后者是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。 15.3.2　对象的引用 JavaScript为我们提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些功能。这正是基于对象编程的真正目的。 15.4　浏览器对象 使用浏览器的内部对象，可实现与HTML文档进行交互。浏览器的内部对象主要包括以下几个： ? 浏览器对象（navigator）：提供有关浏览器的信息。 ? 文档对象（document）：document对象包含了与文档元素一起工作的对象。 15.4.1　Navigator对象 navigator对象可用来存取浏览器的相关信息。 15.4.2 Windows对象 windows对象处于对象层次的最顶端，它提供了处理navigator窗口的方法和属性。JavaScript的输入可以通过windows对象来实现。 15.4.3　Location对象 location对象是一个静态的对象，它描述的是某一个窗口对象所打开的地址。 15.4.4　history对象 history对象是浏览器的浏览历史，history对象常用的方法主要包括： ? back()：后退，与单击“后退”按钮是等效的。 ? forward()：前进，与单击“前进”按钮是等效的。 15.4.5　Document对象 JavaScript的输出可通过document对象实现。在document对象中主要有links、anchor和form 3个最重要的对象。 15.5 内置对象 JavaScript中提供的内部对象按使用方式可以分为动态对象和静态对象。这些常见的内置对象包括时间对象Date、数学对象math、字符串对象String、数组对象Array等。 15.5.1　Date对象 时间对象是一个我们经常要用到的对象，无论是做时间输出、时间判断等操作时都与这个对象离不开。date对象类型提供了使用日期和时间的共用方法集合。 15.5.2　数学对象math JavaScript将所有这些与数学有关的方法、常数、三角函数以及随机数都集中到一个对象里面——Math对象。 15.5.3　字符串对象String String对象是动态对象，需要创建对象实例后才可以引用它的属性或方法，可以把用单引号或双引号括起来的一个字符串当作一个字符串的对象实例来看待，也就是说可以直接在某个字符串后面加上（.）去调用string对象的属性和方法。 15.5.4　数组对象Array 在程序中数据是存储在变量中的，但是，如果数据量很大，比如几百个学生的成绩，此时再逐个定义变量来存储这些数据就显得异常繁琐，如果通过数组来存储这些数据就会使这一过程大大简化。 *