JavaScript學(xué)習(xí)筆記整理（4）：對(duì)象
JavaScript是面向?qū)ο缶幊蹋∣bject Oriented Programming，OOP）語(yǔ)言。
1、對(duì)象
在Javascript中，對(duì)象是一個(gè)基本數(shù)據(jù)類型。
對(duì)象是一種復(fù)合值：它將很多值集合在一起，可通過名字訪問這些值。對(duì)象也可看做一種無(wú)序的數(shù)據(jù)集合，由若干個(gè)“鍵值對(duì)”（key-value）構(gòu)成。
var o={
name:'a'
}
var o={
name:'a'
}
上面代碼中，大括號(hào)定義了一個(gè)對(duì)象，它被賦值給變量o。這個(gè)對(duì)象內(nèi)部包含一個(gè)鍵值對(duì)（又稱為“成員”），name是“鍵名”（成員的名稱），字符串a(chǎn)是“鍵值”（成員的值）。鍵名與鍵值之間用冒號(hào)分隔。如果對(duì)象內(nèi)部包含多個(gè)鍵值對(duì)，每個(gè)鍵值對(duì)之間用逗號(hào)分隔。
鍵名：對(duì)象的所有鍵名都是字符串，所以加不加引號(hào)都可以。如果鍵名是數(shù)值，會(huì)被自動(dòng)轉(zhuǎn)為字符串。
對(duì)象的每一個(gè)“鍵名”又稱為“屬性”（property），它的“鍵值”可以是任何數(shù)據(jù)類型。如果一個(gè)屬性的值為函數(shù)，通常把這個(gè)屬性稱為“方法”，它可以像函數(shù)那樣調(diào)用。
var o = {
go: function(x){
return x+1;
}
};
o.go(2) // 3
var o = {
'1a' : 'a'
}
對(duì)象直接量： var o={};
關(guān)鍵字new： var o=new Object();
Object.create()函數(shù)： 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中，我們可以通過點(diǎn)（.）或方括號(hào)（[]）運(yùn)算符來(lái)獲取屬性的值。運(yùn)算符左側(cè)應(yīng)當(dāng)是一個(gè)表達(dá)式，它返回一個(gè)對(duì)象。
for...in
for...in循環(huán)用來(lái)遍歷一個(gè)對(duì)象的全部屬性。
var o = {
name : 'a',
age : 12
}
for(var i in o){
console.log(o[i]
}
// "a"
// 12
var o = {
name : 'a',
age : 12
}
for(var i in o){
console.log(o[i]
}
// "a"
// 12
查看所有屬性
查看一個(gè)對(duì)象本身的所有屬性，可以使用Object.keys方法，返回一個(gè)數(shù)組。
var o = {
name : 'a',
age : 12
}
Object.keys(o) //['name','age']
var o = {
name : 'a',
age : 12
}
Object.keys(o) //['name','age']
刪除屬性
delete運(yùn)算符可以刪除對(duì)象的屬性。
var o={
name : 'a'
}
delete o.name //true
o.name //undefined
注意：delete運(yùn)算符只能刪除自有屬性，不能刪除繼承屬性。
var o={
name : 'a'
}
delete o.name //true
o.name //undefined
刪除一個(gè)不存在的屬性，delete不報(bào)錯(cuò)，而且返回true。
只有一種情況，delete命令會(huì)返回false，那就是該屬性存在，且不得刪除。
檢測(cè)屬性
在JavaScript中，有多種方法檢測(cè)某個(gè)屬性是否存在于某個(gè)對(duì)象中。
hasOwnPreperty()方法
propertyIsEnumerable()方法
只有檢測(cè)到是自有屬性且這個(gè)屬性的可枚舉性為true時(shí)才返回true。
in運(yùn)算符
in運(yùn)算符左側(cè)是屬性名（字符串），右側(cè)是對(duì)象。如果對(duì)象的自有屬性或繼承屬性中包含這個(gè)屬性就返回true。
var o = {
name : 'a'
}
'name' in o //true
var o = {
name : 'a'
}
'name' in o //true
6、對(duì)象的三個(gè)屬性
每一個(gè)對(duì)象都有與之相關(guān)的原型（prototype）、類（class）和可擴(kuò)展性（extensible attribute）
將對(duì)象作為參數(shù)傳入Object.getPrototypeOf()可以查詢它的原型。
檢測(cè)一個(gè)對(duì)象是否是另一個(gè)對(duì)象的原型，可以使用isPrototypeOf()方法。
7、序列化對(duì)象
對(duì)象序列化是指將對(duì)象的狀態(tài)轉(zhuǎn)換為字符串，也可將字符串還原為對(duì)象。
在JavaScript中，提供了內(nèi)置函數(shù)JSON.stringify()和JSON.parse()用來(lái)序列化和還原JavaScript對(duì)象。
NaN、Infinity和-Infinity序列化的結(jié)果是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()只能序列化對(duì)象可枚舉的自有屬性。對(duì)于一個(gè)不能序列化的屬性來(lái)說(shuō)，在序列化后的輸出字符串中會(huì)將這個(gè)屬性省略掉。
函數(shù)體內(nèi)使用了this關(guān)鍵字，代表了所要生成的對(duì)象實(shí)例
生成對(duì)象時(shí)，必需用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 原型
每一個(gè)JavaScript對(duì)象（null除外）都和另一個(gè)對(duì)象相關(guān)聯(lián)，也可以說(shuō)，繼承另一個(gè)對(duì)象。另一個(gè)對(duì)象就是我們熟知的“原型”（prototype），每一個(gè)對(duì)象都從原型繼承屬性。只有null除外，它沒有自己的原型對(duì)象。
所有通過對(duì)象直接量創(chuàng)建的對(duì)象都具有同一個(gè)原型對(duì)象，并可以通過JavaScript代碼Object.prototype獲得對(duì)原型對(duì)象的引用。
通過關(guān)鍵字new和構(gòu)造函數(shù)調(diào)用創(chuàng)建的對(duì)象的原型就是構(gòu)造函數(shù)的prototype屬性的值。比如：通過new Object()創(chuàng)建的對(duì)象繼承自O(shè)bject.prototype；通過new Array()創(chuàng)建的對(duì)象的原型就是Array.prototype。
沒有原型的對(duì)象為數(shù)不多，Object.prototype就是其中之一，它不繼承任何屬性。
所有的內(nèi)置構(gòu)造函數(shù)都具有一個(gè)繼承自O(shè)bject.prototype的原型。
9.2 原型鏈
如果對(duì)象自身和它的原型，都定義了一個(gè)同名屬性，那么優(yōu)先讀取對(duì)象自身的屬性，這叫做“覆蓋”（overiding）。
9.2.1 contructor屬性
prototype對(duì)象有一個(gè)constructor屬性，默認(rèn)指向prototype對(duì)象所在的構(gòu)造函數(shù)。
9.3 操作符
（1）instanceof運(yùn)算符
instanceof運(yùn)算符返回一個(gè)布爾值，表示指定對(duì)象是否為某個(gè)構(gòu)造函數(shù)的實(shí)例。
var c = new Car();
c instanceof Car //true
instanceof運(yùn)算符的左邊是實(shí)例對(duì)象，右邊是構(gòu)造函數(shù)。它的運(yùn)算實(shí)質(zhì)是檢查右邊構(gòu)建函數(shù)的原型對(duì)象，是否在左邊對(duì)象的原型鏈上。
（2）Object.getPrototypeOf()
Object.getPrototypeOf方法返回一個(gè)對(duì)象的原型。這是獲取原型對(duì)象的標(biāo)準(zhǔn)方法
Object.getPrototypeOf(c) === Car.prototype //true
（3）Object.setPrototypeOf()
Object.setPrototypeOf方法可以為現(xiàn)有對(duì)象設(shè)置原型，返回一個(gè)新對(duì)象。Object.setPrototypeOf方法接受兩個(gè)參數(shù)，第一個(gè)是現(xiàn)有對(duì)象，第二個(gè)是原型對(duì)象。
（4）Object.create()
Object.create方法用于從原型對(duì)象生成新的實(shí)例對(duì)象，可以替代new命令。
它接受一個(gè)對(duì)象作為參數(shù)，返回一個(gè)新對(duì)象，后者完全繼承前者的屬性，即原有對(duì)象成為新對(duì)象的原型。
（5）Object.prototype.isPrototypeOf()
對(duì)象實(shí)例的isPrototypeOf方法，用來(lái)判斷一個(gè)對(duì)象是否是另一個(gè)對(duì)象的原型。
Object.prototype.isPrototypeOf({}) //true
（6）Object.prototype.__proto__
__proto__屬性（前后各兩個(gè)下劃線）可以改寫某個(gè)對(duì)象的原型對(duì)象。
（7）Object.getOwnPropertyNames()
Object.getOwnPropertyNames方法返回一個(gè)數(shù)組，成員是對(duì)象本身的所有屬性的鍵名，不包含繼承的屬性鍵名。
（8）Object.prototype.hasOwnProperty()
對(duì)象實(shí)例的hasOwnProperty方法返回一個(gè)布爾值，用于判斷某個(gè)屬性定義在對(duì)象自身，還是定義在原型鏈上。
更多建議：