《HTML教程》-第5章 对象、数组与函数

JavaScript对象是一系列属性的集合，每个属性由“key:value”的形式组成。可以这么说，JavaScript对象就是一个Map。Map的key是字符串，而value可以是JavaScript的任何数据类型，当然也可以是另一个对象，或者是数组（稍后介绍），还可以是函数（这时称这个属性为对象的方法）。对象的属性可以通过对象的prototype继承，对象的继承属于JavaScript的高级特性，这里我们并不深入讨论这一话题，感兴趣的读者可以参考文献[19]和[20]，也可以参考其他关于高级JavaScript的书籍。对象的属性是动态的，可以自由的增加或删除。除了字符串、数字、true、false、null或undefined之外的都是对象，但字符串、数字和布尔值也可以作为对象使用。对象是一种引用类型，另一种重要的引用类型就是数组。数组是一组元素的集合，与其他编程语言不同的是，它可以是不同类型的元素的集合。数组元素即可以是原始类型，也可以引用类型，甚至可以是另一个数组或者函数。函数是JavaScript的重要组成部分，也是声明对象的一种方式。JS函数与其他语言的函数略有不同，没有返回值类型，参数列表也比较灵活。如果学习过其他编程语言，可以对比学习，温故而知新。5.1对象的声明

JavaScript的对象可以用字面量进行声明，也可以使用new关键字进行声明，还可以使用Object.create()函数创建对象，下面分别予以说明。5.1.1字面量声明对象

格式：var对象名={属性名1:属性值1,属性名2:属性值2,…,属性名n:属性值n};其中，var是声明变量的关键字（见4.5节），对象名是指向声明对象的引用。对象的声明可概括为以下几点：◆对象是“属性名:属性值”对的集合；

◆这些名值对以逗号（,）分隔；◆“属性名”为字符串类型，命名方式应符合标识符（见4.2.3节）的命名规则；◆“属性值”可以是JavaScript中任意类型的值。甚至可以是另一个对象。这里需要注意的是：在所有的编程语言中用到的符号都是英文状态的符号，而不是汉字状态的符号，这一点需要特别注意！在输入时千万要注意）。其中的省略号（…）并不是格式的一部分，实际声明时不能出现，它只是表示省略掉的名值对。下面举几个声明的例子。varempty={};//声明一个空对象varbook={“name”:“Ajax实用技术”,//字符串类型的属性值“price”:39.0,//浮点型的属性值“author”:{//对象类型的属性值“name”:“程继洪”,“organization”:“烟台南山学院”}};5.1.2new关键字创建对象new关键字创建对象是在new关键字后面加上一函数调用，或者说构造函数。所谓的构造函数就是作为new关键字创建对象用的函数，它负责初始化JavaScript对象。在JavaScript中声明函数就相当于创建了一个构造函数，或者说定义函数就相当于定义了一类对象。new关键字创建对象举例如下：varo=newObject();//创建一个{}空对象vararr=newArray();//创建一个空数组[]vard=newDate();//创建一个指示当前时间的对象varr=newRegExp(“js”);//创建一个正则表达式对象5.1.3Object.create()创建对象这种创建对象的方式是通过继承的方式来创建对象的。在JavaScript中有一个二级对象prototype（根据JavaScript版本的不同，这个二级对象可能为null，但这种情况非常少），可以通过Ototype引用这个二级对象，默认情况下Ototype为空对象，即相当于字面量的{}对象。任何JavaScript对象（prototype对象除外）都包含这个prototype对象，而且所有的对象都可以继承prototype中的属性和方法，所谓对象的方法就是指属性值为函数的属性。通过Object.create()方法创建对象实质上是通过继承的方式创建对象。根据ECMAScript5的定义，Object.create()方法以它的第一个参数作为prototype创建对象。例如：varo1=Object.create({x:2,y:3});则对象o1从{x:2,y:3}字面量声明的对象的prototype继承属性和方法。也可以这么认为，o1对象继承了两个属性x和y，属性值分别是2和3。用关键字new创建对象，则从构造函数的prototype继承属性和方法。如varo=newObject();//从Ototype继承vararr=newArray();//从Atotype继承等等。对象创建的代码如清单5-1所示。在上面的代码中，用字面量方式声明了对象book，用new关键字的方式声明了对象book1，用Object.create()方式创建了对象o1。下面介绍属性的操作。5.2属性操作

声明对象后可以访问这的属性，设置属性和删除属性，因为JavaScript的属性是动态的，可以随时添加和删除。5.2.1属性引用属性访问有两种方式，一种是点（.）操作符访问方式，另一种是数组（[]）访问方式，格式如下：对象名.属性名; //点操作符访问属性对象名[“属性名”]; //数组形式访问属性第二种方式访问对象属性比较特殊，也就是说属性名可以作为数组的下标使用，这与其他编程语言不同。5.2.2属性删除

对于JavaScript中的对象，其属性是可以随时添加和删除的。删除属性的语法如下：delete对象名.属性名;其中，delete是关键字，对象名是要删除属性的对象的名字，点号（.）是访问对象属性的操作符，属性名是要删除的属性的名字。属性操作代码如清单5-2所示。清单5-2对象的属性操作代码中的out方法用于输出指定的内容，并自动换行。它定义在源代码js目录下的utils.js文件中，使用时需要用<scriptsrc="../js/utils.js"></script>导入这个外部js文件。代码进行了详细的注释，读者可以对照注释理解代码，同时参考输出结果。清单5-2的代码均在随书源码的Listing5-2.html中。大家可以运行这个html文件，也可以自己新建html文件自行输入清单5-2的代码。强烈推荐这种方式，因为程序设计的实践性强，多写代码是培养编程高手的必由之路。对于book['author'].name这种写法，大家可能感到不好理解，下面详细说明一下。如下图所示，我们知道可以使用[]和点号操作符访问对象的属性。对于book对象我们通过[]操作符访问它的author属性，而author属性本身又是一个对象，当然可以使用点号操作符访问它的name属性。换句话说，就是无论对象位于什么位置，都可以以点号和[]访问它的属性。同时，这种嵌套可以