对象:JavaScript学习笔记
2.9 对象
对象是一种非常重要的数据类型。对象是自我包含的数据集合,包含在对象里的数据可以通过两种形式:即属性和方法访问:
- 属性是隶属于某个特定对象的变量
- 方法是只有某个特定对象才能调用的函数
对象就是由一些彼此相关的属性和方法集合在一起构成的一个数据实体。
在JS脚本里,属性和方法都需要使用一下语法来访问:
Object.property
Object.method()
我们可以假设一个对象的名字为person,分别有两个属性: 心情和年龄
Person.mood
Person.age
加入Person对象还关联着一些诸如walk()和sleep()之类的函数,这些函数是这个对象的方法。
Person.walk()
Person.sleep()
把这些属性和方法全部集合在一起,就得到了一个Person对象。换句话说,我们可以把Person看做是所有这些属性和方法的统称。
为了使用Person对象来描述一个特定的人,我们需要创建一个Person对象的实例(instance)。实例是对象的具体表现;对象是统称,实例是个体。
JS语言里,为给定对象创建一个新实例需要使用new关键字
var Jeremy = new Person;
这个语句创建了person对象的一个新实例jeremy,有了新实例,我们可以利用对象的属性检索jeremy信息:
Jeremy.age
Jeremy.mood
用户可以通过JS创建自己的对象: 术语称之为用户定义对象
JS提供了一系列预先定义好的对象,我们可以把这些对象直接用在脚本里,这些对象称为:内建对象。
2.9.1 内建对象
数组就是一个内建对象,当我们新建数组时,其实就是创建一个Array对象的新实例:
var beatles = new Array();
当需要了解数组有多少个元素时,我们利用Array对象的length属性来获得这一信息:
beatles.length;
其他例子包括Math对象,Date对象,例如Math对象的round方法可以把十进制数值舍为一个与之最接近的整数:
var num = 7.561;
var num = Math.round(num);
alert(num);
Date对象可以用来存储和检索一个特定的日期和时间相关的信息。在创建Date对象的新实例时,JS解释器将自动的使用当前日期和时间对它进行初始化:
var current_date = new Date();
Date对象提供了getDay(), getHours(), getMonth()等一系列方法,以供人们来检索与特定日期有关的信息。getDay()可以告诉我们给定日期是星期几;
var today = current_date.getDay();
2.9.2 宿主对象
除了各种JS内建对象,我们还可以在JS脚本里使用其他一些已经预先定义好的对象,后者不是由JS语言本身而是由它的运行环境提供的。具体到web应用,这个环境就是浏览器。由浏览器提供的预定义对象被称为宿主对象。
宿主对象主要包括Form, Image和Element。 我们可以铜鼓哦这些获得关于某给定网页上的表单,图像和各种表单元素的信息。
第三章: DOM
节点的概念
四个非常适用的DOM方法:getElementById, getElementByTagName, getAttribute和setAttribute
-
文档:DOM中的”D”
DOM是”Document Object Model”(文档对象模型)的首字母所写。如果没有document(文档),DOM也无从谈起。
-
对象: DOM中的”O”
“对象”是一种独立的数据集合。