【笔记】javascript权威指南-第六章-对象

对象

//本书是指：javascript权威指南 

 

//以下内容摘记时间为：2013.7.28

对象的定义：

1.对象是一种复合值：将很多值（原始值或者对象）聚合在一起，可以通过名字访问这些值。

2.对象也可以看做是属性的无序集合，每个属性都是一个名值对。

3.属性名是字符串，因此我们可以把对象看成是从字符串到值的映射。

4.这种基本数据结构还可以叫做：散列（hash），散列表（hashtable），字典（dictionary），关联数组（associative array）。

 

属性除了名字和值之外，还有一些与之相关的值，叫做“属性特性”：

1. 可写（writable attribute），标明是否可以设置该属性的值。
2. 可枚举（enumerable attribute），标明是不是可以通过for/in循环返回该属性。
3. 可配置（configurable attribute），标明是不是可以删除或者修改该属性。

每个对象还拥有三个相关的对象特征：

1. 对象的原型（prototype）指向另一个对象，本对象的属性继承自他的原型对象。
2. 对象的类（class）是一个标识对象类型的字符串。
3. 对象的扩展标记（extensive flag）指明了（在ECMAScript 5中）是否可以向该对象添加新的属性值。

三类对象和两类属性：

1. 内置对象（native object）的有ECMAScript规范定义的对象或类，例如：数组，函数，日期，正则，Math都是内置对象。
2. 宿主对象（host object）是由javascript解释器所嵌入的宿主环境（web浏览器）定义的。客户端js中表示网页结构的HTMLElement对象都是宿主对象。（宿主对象也可以看做是内置对象）
3. 自定义对象（user-defined-object）由运行的js代码创建的对象。
4. 自有属性（own property）是直接在对象中定义的属性。
5. 继承属性（inherited property）是对象的原型对象中定义的属性。

//以下内容摘记时间为：2013.7.29

 

创建对象

1.对象直接量

 

对象直接量由若干名值对组成的映射表，名/值中间用冒号分开，每个名/值对之间用逗号分隔，整个映射表用花括号括起来。属性名可以是js标识符也可以是字符串直接量。属性值可以是任意类型js表达式，表达式的值就是这个属性的值。

 

2.通过new创建对象

 

new运算符创建并初始化一个新对象。关键字new后面跟一个函数调用。这个函数叫做构造函数，构造函数用于初始化一个新创建的对象。js语言核心中的原生类型都包括内置的构造函数。（内置和自定义）

 

3.Object.create();

 

属性的查询和设置

 

获取属性的值

 

通过点（.）或者方括号（[]）来获取属性的值。运算符左侧是一个表达式，返回一个对象。对于点（.）来说，右侧必须是一个以属性名称命名的简单标识符（静态的，无法修改）。对应方括号（[]）来说，必须是一个计算结果为字符串的表达式（动态的，可以修改），这个字符串就是属性的名字。

 

设置属性值也查询属性一样。

 

注意：

1. 在ECMAScript 3中，点运算符后面标识符不能是保留字，比如o.for或者o.class是非法的，因为for是关键字，class是保留字。但可以用方括号来访问o["for"]和o["class"]。
2. 在ECMAScript 5中，可以在点运算后面直接用保留字。

关联数组

 

对象的属性查询和设置可以用点运算也可以用关联数组。

object.property

object["property"]

用关联数组来访问对象属性的好处就是因为[]里面的内容是字符串值，是动态的；而用点运算后面跟的是标识符，是静态的，在程序中写死了。

 

继承

 

js对象有“自有属性”和从原型对象中继承来的属性。

注意：在js中只有查询时才会体会到继承的存在，而设置属性则和继承无关。

 

假设要查询对象o的属性x，如果o中不存在x，会继续在o的原型对象中查询属性x。如果原型对象中也没有找到x，就继续往上找这个原型对象的原型上查找，知道找到x或找到一个原型是null的对象。（是不是感觉和作用域链有点像呀）

 

假设给对象o的属性x赋值，如果o中已经存在了x（不是继承来的属性），那么这个赋值操作只改变这个已有的属性x的值。如果o中不存在属性x，那么赋值操作给o添加一个新属性x。如果之前o继承自属性x，那么这个继承的属性就被新创建的同名属性覆盖了，但不会改变原型链。

 

原型

每个js对象（除了null之外）都和另一个对象相关联。另一个对象就是我们熟悉的原型，每个对象都从原型继承属性。

1. 通过对象字面量创建的对象具有一个统一的原型对象用Object.prototype获得对原型对象的引用。
2. 通过关键字new和构造函数调用创建的对象的原型就是构造函数的prototype属性的值。
   1. 通过new Object()创建的对象继承自Object.prototype
   2. 通过new Array()创建的对象继承自Array.prototype
   3. 通过new Date()创建的对象继承字Date.prototype
3. Object.prototype是一个没有原型的对象，他不继承任何属性。
4. 其他原型函数都是普通对象，普通对象都有原型。
5. 所有的内置构造函数（Array，Date）和大部分自定义构造函数有具有一个继承自Object.prototype的原型。例如：Date.prototype的属性继承自Object.prototype，所以有new Date()创建的Date对象的属性同时继承自Object.prototype和Date.prototype。

 

删除属性

 

1.delete只是断开了属性和宿主对象的联系，而不会去操作属性中的属性。

2.delete运算符只能删除自由属性，不能删除继承属性。

3.delete不能删除那些可配置性为false的属性。

 

检测属性

 

1.in运算符的左侧是属性名（字符串），右侧是对象。如果对象的自由属性或继承属性中包含这个属性则返回true。

var o ={x:1};

"x" in o; // true

"y" in o; // false "y"不是o的属性

"toString" in o; // true o继承toString属性

 

2.对象的hasProperty()方法用来检测给定的名字是不是对象的自由属性，对于继承属性它返回false。

var o ={x:1};

o.hasOwnProperty("x"); // true

o.hasOwnProperty("y"); // false "y"不是o的属性

o.hasOwnProperty("toString"); // false o继承toString属性

 

3.propertyIsEnumerable()是hasProperty()的增强版，只有检测到是自有属性且这个属性的值是可枚举为true时才返回true。

 

4.使用“!==”来判断一个属性是不是undefined。（但是用in的话可以区分不存在的属性和存在但是值为undefined的属性）

 

枚举属性

 

对对象属性进行遍历。

var o = {
          age : 25,
          name : "prince",
          city : "beijing"
     }
     for(p in o){
          alert(p + ":" +o[p]);
     }

 

还有Object.keys()函数，返回一个数组，这个数组由对象中可以枚举的自有属性的名称组成。

 

Object.getOwnPropertyNames(),返回对象所有自有属性的名称。

 

 

属性getter和setter

 

对象属性是由名字，值和一组特性（attribute）构成。

属性值可以用一个或者两个方法代替，这两个方法就是getter和setter。有这两个函数定义的属性叫做“存取器属性”（accessor property），不同于“数据属性”（data property），数据属性只有一个简单的值。

 

var random = {

          x : 10,
          get octet(){
               return Math.floor(Math.random()*256);
          }

     }
     alert(random.octet);

 

属性的特性

为了实现属性特性的查询和设置操作，ECMAScript 5中定义了一些API,其中一个名为“属性描述符”的对象。

1. 可以通过这些API给原型对象添加方法，并将他们设置成不可枚举，让他们看上去更像内置方法。
2. 可以通过这些API给对象定义不能修改或者删除的属性，借此“锁定”这个对象。

API简介：

• Object.getOwnPropertyDescriptor()方法：获得某个对象特定属性的属性描述符。

 

     var a = Object.getOwnPropertyDescriptor({x:1},"x");
     alert("属性的值是："+a.value + "可写性："+ a.writable + "可枚举性：" +a.enumerable+ "可配置性：" + a.configurable);

 

//属性的值是：1可写性：true可枚举性：true可配置性：true

 

• Object.getPrototypeOf()获得继承属性的特性，需要遍历原型链。
• Object.defineProperty()设置属性的特性，或者想让新建属性具有某种特性。

var o ={};
     Object.defineProperty(o,"name",{
          value : "Prince Yu",
          writable : true,
          enumerable : false,
          configurable :true
     });
     document.write(o.name);//Prince Yu

 

• Object.defineProperties()同时修改或者创建多个属性。

var o2 = {};
     Object.defineProperties(o2,{
          name:{value:"Prince",writable : true,enumerable :true,configurable :true},
          age:{value:25,writable : true,enumerable :true,configurable :true},
          birthYear:{get:function(){return (d.getFullYear()-this.age)},enumerable :true,configurable :true}
     });

 

API操作规范：

1. 如果对象是不可扩展的，则可以编辑已有的自有属性，但不能给它添加新的属性值。
2. 如果属性是不可配置的，那不能修改他的可配置性和可枚举性。
3. 如果存取器属性是不可配置的，则不能修改其getter和setter方法，也不能将其转换为数据属性。
4. 如果数据属性是不可配置的，那不能将其转换给存取器属性。
5. 如果数据属性是不可配置的，不能将它的可写性从false修改为true，但是可以从true修改为false。
6. 如果数据属性是不可配置且不可写的，那么不能修改他的值。然而可配置但不可写属性的值是可以修改的。

对象的三个特性

 

原型属性：

对象的原型属性是用来继承属性的，我们把“o的原型属性”叫做“o的原型”。

 

类属性：

对象的类属性是一个字符串，表示对象的类型信息。ECMAScript 3 和ECMAScript 5都没提供设置这个属性的方法，只有一种间接的方法可以查询他：toString()方法。

//重写后的获取对象的类的函数
     function classof(o){
          if (o === null) {return "Null";}
          if (0 === undefined) {return "Undefined";}
          return Object.prototype.toString.call(o).slice(8,-1);
     }
     function f(){}
     alert(classof(null));
     alert(classof(1));
     alert(classof(""));
     alert(classof(false));
     alert(classof({}));
     alert(classof([]));
     alert(classof(/./));
     alert(classof(new Date()));
     alert(classof(window));
     alert(classof(new f()));

 

可扩展性：

对象的可扩展性表示是否可以给对象添加新的属性。内置对象和自定义对象都是显式可扩展的，宿主对象的可扩展性是由js引擎决定的。

判断对象是不是可扩展：Object.isExtensible()。

var o = {};
     alert(Object.isExtensible(o));//true

把对象转换成不可扩展：Object.preventExtensions()。把对象转换成不可扩展后，就不能再转回可扩展了。preventExtensions()只会影响对象本身的可扩展性。如果给一个不可扩展的对象原型添加属性，这个不可扩展对象同样会继承这些新属性。（但是对象原型添加属性无效？）

 

Object.seal()除了能把对象设置为不可扩展，还可以将对象所有自有属性都设置为不可配置

 

Object.isSealed()检查对象是不是封闭

 

Object.freeze()对象设置为不可扩展，还可以将对象所有自有属性都设置为不可配置外，还将它自有的所有数据属性都设置为只读

 

Object.isFrozen()检测对象是否冻结

 

对象序列化

 

传统的将对象转换成JSON数据方法：在php中用json_encode函数。

如果把JSON数据转换成JS对象的话用eval()函数。

eval("("+data+")")方法

也可以用ECMAScript定义的JSON.parse()方法。

 

对象方法（Object.prototype中定义的方法）

 

toString() 返回一个表示调用这个方法的对象值的字符串。(很多类都带有自定义的toString()方法)

 

toLocalString()返回一个表示这个对象的本地化字符串。 

 

toJSON()，Object.prototype中实际上没有定义这个方法，但对于需要执行序列号的对象来说，JSON.stringify()方法会调用toJSON()。具体参见Date.toJSON()

 

valueOf()方法，当js需要将对象转换成某种原始值（尤其是转换成数字）而不是字符串时使用。