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

时间：2021-10-03 19:04:30
对象
//本书是指：javascript权威指南 
 
//以下内容摘记时间为：2013.7.28
对象的定义：
1.对象是一种复合值：将很多值（原始值或者对象）聚合在一起，可以通过名字访问这些值。
2.对象也可以看做是属性的无序集合，每个属性都是一个名值对。
3.属性名是字符串，因此我们可以把对象看成是从字符串到值的映射。
4.这种基本数据结构还可以叫做：散列（hash），散列表（hashtable），字典（dictionary），关联数组（associative array）。
【笔记】javascript权威指南-第六章-对象
属性除了名字和值之外，还有一些与之相关的值，叫做“属性特性”：
  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需要将对象转换成某种原始值（尤其是转换成数字）而不是字符串时使用。

相关文章