Javascript对象的理解

–根据《Javascript权威指南》所学

一：对象概念的理解

1.对象可以看做是属性的无序集合，每个属性都是一个key/value。属性名是字符串，即字符串到值的集合。
然而对象不止于此，他还可以从一个称为原型的对象继承属性。
2.对象是可变的，我们通过引用来操作对象：
var o1={} o1指向一个对象的引用
var o2=o1 o2也指向这个对象的引用(非o1的副本)，改变o2也会改变o1
3.对象中不能存在两个同名属性
4.JS对象分为三类：
（1）内置对象：由ECMAscript规范定义的对象或类。如，数组Array，函数function，日期Date，正则表达式Reg
（2）宿主对象 :js解释器所嵌入的宿主环境（如web浏览器）定义的。如HTMLElement对象。
（3）自定义对象：由js代码创建的对象
5.JS属性分为两类：
（1）自有属性：在对象中定义的属性，即通过js代码定义的（是可枚举的，即可以通过for/in循环返回该属性）
（2）继承属性：在对象的原型对象中定义的属性

二：创建对象

创建对象有三种方法：对象直接量，关键字new,和Object.create()
1.对象直接量（最简单的方式）：

var o1={}
var o2={x:1,y:2}
var o2={
"x 1":"a", //属性名字有空格，属性名应该加“”
"x-2":"b", //属性名字有-，属性名应该加“”
"for":"haha", //属性名字有保留字，属性名应该加“”
book:{
name:"jane",
author:"lisi"
}
}

2.通过构造函数var obj= new Object();也可以是自定义的构造函数。
3.通过Object.create()创建对象
Object.create()创建一个新对象，第一个参数为这个对象的原型,可有第二个可选参数对对象的属性进行进一步描述

（1）Object.create({x:1 }) {x:1}为这个对象所需原型
（2）Object.create(null),创建一个没有原型的对象（不会继承任何属性和方法）
（3）Object.create(Object.prototype) 创建一个普通空对象，类似 var o={} var o=new Object()

三：查询和设置对象

可以通过 ( .) 和（ [] ）运算符来获取属性的值
查询：
var author=book.author
var author=book[“author”]
设置：
book.author=”js” 。右侧是标识符（标识符是静态的，必须写死在程序中）
book[“author”]=”js” [“”]内是字符串值（字符串值是动态的，可以在运行时修改）
如上可知(.)直接跟属性名

四：继承

JS具有自有属性，同时也有一些属性是从原型对象继承来的。
Prototype(原型)——每个JS对象（null除外）都和另一个对象（即 原型对象）关联，每个对象都从原型对象继承属性和方法。
结合对象的创建方法：
（1）通过对象直接量（var o={}）创建的对象都有一个原型对象，并可以通过Object.prototype获得原型对象的引用。

（2）通过new 和构造函数创建的对象的原型就是构造函数的prototype属性的值，同时也继承自Object.prototype。
如 var time=new Date()。
time继承自Date.prototype，Date.prototype的属性继承自Object.prototype。所以,time同时继承自Date.prototype和Object.prototype。
这一系列（time->Date.prototype->Object.prototype）的原型对象就是”原型链”（prototype chain），通过这个”链”可以实现继承。

（3）如创建对象（3）
查询：
var o={} 假设要查询o的属性x。如果o中不存在，则会到它的原型对象查找，如果原型对象也不存在x，就去o的原型对象的原型查找,一层一层的找下去
（o->o.prototype->….->Object.prototype）
赋值：
赋值操作只改变原始对象，不会修改原型链。
如果var o={} o的x属性继承自原型B={x:1}，在赋值之前首先检查原型中x属性特性是否可写，如果否，则不能赋值，如果可写，则对原始对象（o）赋值。
赋值：o.x=2
查询：o.x =>2
B.x =>1

访问属性出错的情况：
当我们查询一个book的属性author的长度时，如果在对象book和它的原型链中均未找到author,就会报错。

var len=book.author.length; =>error

解决办法：
(1):

var len=undefined;
if(book){
if(book.author){
len=book.author.length
}
}

(2):

var len=book && book.author && book.author.length

但是有些情况不能给对象o设置属性p:
delete运算符可以删除对象的属性。但是delete只是断开属性与原始对象的联系，而不会去操作属性中的属性。

var a={p:{x:1}}
var b=a.p
delete a.p
查询：a.p=> undefined
  b.x=>1

五：检测属性

用来判断某个属性是否存在与某个对象中。可通过in运算符，hasOwnProperty(),和 propertyIsEnumerable()来检测对象。
（1）in运算符

var o={x:1}
"x" in o; =>true
"toString" in o; =>true

还有一种简单的方法，使用”!==”判断一个属性是否是UNDEFINED.
o.x!==undefined =>true
但是当var o={x:undefined}时，只能用in运算符检测 “x” in o =>true,
(2)hasOwnProperty()用来检测给定的名字是否是对象的自有属性，对于继承属性将返回false

var o={x:1}
o.hasOwanProperty("x") =>true
o.hasOwanProperty("toString") =>false ,toString是继承来的

（3） propertyIsEnumerable()检测是否是自有属性且是否可枚举
对象自定义的方法和属性是可枚举的。某些内置属性是不可枚举的（for/in循环遍历不出来） 可枚举的属性可以通过FOR/IN遍历

枚举属性

遍历对象的属性，通常用FOR/IN循环遍历。
for/in 循环可以在循环体中遍历对象中所有可枚举的属性（包括自有属性和继承属性）

六：属性的getter和 setter

属性：
（1）数据属性：只有简单的一个值
（2）存取器属性：由getter 和 setter定义的属性

var o={
x:1.0;y:2.0;
get r{return this.x*2}, //this指向这个对象o
set r(){...}
}

同时具有getter 和 setter 的属性是可读可写属性
只具有getter 的属性是只读属性
只具有setter的属性是只写属性

七：对象的三个属性

1.原型属性：对象的原型属性是用来继承属性的
在es5中，可用Object.getPrototypeOf(o)来检查对象o的原型
可用isPrototypeOf()检测一个对象是否是另一个对象的原型 p.isPrototypeOf(o)来检测对象p是否是对象o的原型
2.类属性：对象的类属性是一个字符串，用来表示对象的类型信息

function classof(o){
if( o === null) return "Null";
if( o === undefined) return "Undefined";
return Object.prototype.toString.call(o).slice(8,-1); //调用对象的toString()方法，然后提取已返回字符串的8- 倒数第2 之间的字符。
}

classof(null) =>"Null"
classof(undefined)  =>"Undefined"
classof('') =>"String"
classof(false) =>"boolean"
classof(5) =>"Number"
...

3.可扩展性：对象的可扩展性用以表示是否可以给这些对象添加新属性。
es5中所有的内置对象和自定义对象都是可扩展的
可通过Object.isExtensible()来判断该对象是否可扩展
如果想将对象转成不可扩展的可用Object.preventExtensions(o),强对象o转成不可扩展的。但是转成不可扩展之后无法再转回。
Object.seal()与Object.preventExtensions()类似,除了能够将对象转成不可扩展的，还可以将对象的所有自有属性设置为不可配置的，即不能设置新属性，也不能对以前的属性进行删除或配置，不过他已有的可写属性依然可以设置。
可用Object.isSealed()来检测对象是否封闭。
Object.freeze()除了将对象设置为不可扩展，自有属性不可配置外，还将自有属性设置为只读
可用Object.isFrozen()来检测对象是否冻结

八：对象序列化
对象序列化指将对象的状态转换为字符串，也可以将字符串还原成对象
es5提供了内置函数JSON.stringify()和JSON.parse()用来序列化和还原JS对象

JSON.stringify()只能序列化对象可枚举的自有属性