JavaScript学习笔记整理（4）：对象

JavaScript是面向对象编程（Object Oriented Programming，OOP）语言。

1、对象

在Javascript中，对象是一个基本数据类型。

对象是一种复合值：它将很多值集合在一起，可通过名字访问这些值。对象也可看做一种无序的数据集合，由若干个“键值对”（key-value）构成。

var o={
  name:'a'
}

上面代码中，大括号定义了一个对象，它被赋值给变量o。这个对象内部包含一个键值对（又称为“成员”），name是“键名”（成员的名称），字符串a是“键值”（成员的值）。键名与键值之间用冒号分隔。如果对象内部包含多个键值对，每个键值对之间用逗号分隔。

键名：对象的所有键名都是字符串，所以加不加引号都可以。如果键名是数值，会被自动转为字符串。

对象的每一个“键名”又称为“属性”（property），它的“键值”可以是任何数据类型。如果一个属性的值为函数，通常把这个属性称为“方法”，它可以像函数那样调用。

var o = {
  go: function(x){
    return x+1;
  }
};
o.go(2) // 3

var o = {
  '1a' : 'a'  
}

对象直接量： var o={};
关键字new： var o=new Object();
Object.create()函数： var o=Object.create(null)

var o1 = {};
var o2 = new Object();
var o3 = Object.create(null);

var o = {
  name : 'a'
}
o.name  // "a"
o['name']  //"a"

在JavaScript中，我们可以通过点（.）或方括号（[]）运算符来获取属性的值。运算符左侧应当是一个表达式，它返回一个对象。

for...in

for...in循环用来遍历一个对象的全部属性。

var o = {
  name : 'a',
  age : 12
}
for(var i in o){
  console.log(o[i]
}
// "a"
// 12

查看所有属性

查看一个对象本身的所有属性，可以使用Object.keys方法，返回一个数组。

var o = {
  name : 'a',
  age : 12
}

Object.keys(o)  //['name','age']

删除属性

delete运算符可以删除对象的属性。

var o={
  name : 'a'
}
delete o.name  //true
o.name  //undefined

注意：delete运算符只能删除自有属性，不能删除继承属性。

删除一个不存在的属性，delete不报错，而且返回true。

只有一种情况，delete命令会返回false，那就是该属性存在，且不得删除。

检测属性

在JavaScript中，有多种方法检测某个属性是否存在于某个对象中。

hasOwnPreperty()方法

propertyIsEnumerable()方法

只有检测到是自有属性且这个属性的可枚举性为true时才返回true。

in运算符

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

var o = {
  name : 'a'
}
'name' in o //true

6、对象的三个属性

每一个对象都有与之相关的原型（prototype）、类（class）和可扩展性（extensible attribute）

将对象作为参数传入Object.getPrototypeOf()可以查询它的原型。

检测一个对象是否是另一个对象的原型，可以使用isPrototypeOf()方法。

7、序列化对象
对象序列化是指将对象的状态转换为字符串，也可将字符串还原为对象。

在JavaScript中，提供了内置函数JSON.stringify()和JSON.parse()用来序列化和还原JavaScript对象。
NaN、Infinity和-Infinity序列化的结果是null

var o = {
  name : 'a',
  age : 12,
  intro : [false,null,'']
}
s= JSON.stringify(o)  // s {"name":"a","age":12,"intro":[false,null,""]}
p=JSON.parse(s)  // p是o的深拷贝

注意：JSON.stringify()只能序列化对象可枚举的自有属性。对于一个不能序列化的属性来说，在序列化后的输出字符串中会将这个属性省略掉。

函数体内使用了this关键字，代表了所要生成的对象实例  
生成对象时，必需用new命令

function Car(){
  this.color = 'black';
}
var c = new Car();

function Car(color){
  this.color = color;
}
var c = new Car('red');

var c = new Car();
var c = new Car;

this.property

var A = {
  name: '张三',
  describe: function(){
    return this.name;
  }
};
var B = {
  name: '李四'
};

B.describe = A.describe;
B.describe();
// "李四"

call(obj, arg1, arg2, ...)

apply(obj,[arg1,arg2....])

bind(obj)

9、原型

9.1 原型

每一个JavaScript对象（null除外）都和另一个对象相关联，也可以说，继承另一个对象。另一个对象就是我们熟知的“原型”（prototype），每一个对象都从原型继承属性。只有null除外，它没有自己的原型对象。

所有通过对象直接量创建的对象都具有同一个原型对象，并可以通过JavaScript代码Object.prototype获得对原型对象的引用。

通过关键字new和构造函数调用创建的对象的原型就是构造函数的prototype属性的值。比如：通过new Object()创建的对象继承自Object.prototype；通过new Array()创建的对象的原型就是Array.prototype。

没有原型的对象为数不多，Object.prototype就是其中之一，它不继承任何属性。

所有的内置构造函数都具有一个继承自Object.prototype的原型。

9.2 原型链

如果对象自身和它的原型，都定义了一个同名属性，那么优先读取对象自身的属性，这叫做“覆盖”（overiding）。

9.2.1 contructor属性

prototype对象有一个constructor属性，默认指向prototype对象所在的构造函数。

9.3 操作符

（1）instanceof运算符

instanceof运算符返回一个布尔值，表示指定对象是否为某个构造函数的实例。

var c = new Car();
c instanceof Car  //true

instanceof运算符的左边是实例对象，右边是构造函数。它的运算实质是检查右边构建函数的原型对象，是否在左边对象的原型链上。

（2）Object.getPrototypeOf()

Object.getPrototypeOf方法返回一个对象的原型。这是获取原型对象的标准方法

Object.getPrototypeOf(c) === Car.prototype  //true

（3）Object.setPrototypeOf()

Object.setPrototypeOf方法可以为现有对象设置原型，返回一个新对象。Object.setPrototypeOf方法接受两个参数，第一个是现有对象，第二个是原型对象。

（4）Object.create()

Object.create方法用于从原型对象生成新的实例对象，可以替代new命令。

它接受一个对象作为参数，返回一个新对象，后者完全继承前者的属性，即原有对象成为新对象的原型。

（5）Object.prototype.isPrototypeOf()

对象实例的isPrototypeOf方法，用来判断一个对象是否是另一个对象的原型。

Object.prototype.isPrototypeOf({})  //true

（6）Object.prototype.__proto__

__proto__属性（前后各两个下划线）可以改写某个对象的原型对象。

（7）Object.getOwnPropertyNames()

Object.getOwnPropertyNames方法返回一个数组，成员是对象本身的所有属性的键名，不包含继承的属性键名。

（8）Object.prototype.hasOwnProperty()

对象实例的hasOwnProperty方法返回一个布尔值，用于判断某个属性定义在对象自身，还是定义在原型链上。