概述
JavaScript 原生提供Object對象（注意起首的O是大寫）玉雾，本章介紹該對象原生的各種方法。
JavaScript 的所有其他對象都繼承自Object對象轻要，即那些對象都是Object的實例复旬。
Object對象的原生方法分成兩類：Object本身的方法與Object的實例方法。
（1）Object對象本身的方法
所謂”本身的方法“就是直接定義在Object對象的方法冲泥。
Object.print = function (o) { console.log(o) };
上面代碼中驹碍，print方法就是直接定義在Object對象上。
（2）Object的實例方法
所謂實例方法就是定義在Object原型對象Object.prototype上的方法凡恍。它可以被Object實例直接使用志秃。
Object.prototype.print = function () {
console.log(this);
};
var obj = new Object();
obj.print() // Object
上面代碼中，Object.prototype定義了一個print方法咳焚，然后生成一個Object的實例obj洽损。obj直接繼承了Object.prototype的屬性和方法，可以直接使用obj.print調(diào)用print方法革半。也就是說碑定，obj對象的print方法實質(zhì)上就是調(diào)用Object.prototype.print方法流码。
關(guān)于原型對象object.prototype的詳細解釋，參見《面向?qū)ο缶幊獭氛鹿?jié)延刘。這里只要知道漫试，凡是定義在Object.prototype對象上面的屬性和方法，將被所有實例對象共享就可以了碘赖。
以下先介紹Object作為函數(shù)的用法驾荣，然后再介紹Object對象的原生方法，分成對象自身的方法（又稱為”靜態(tài)方法“）和實例方法兩部分普泡。
Object()
Object本身是一個函數(shù)播掷，可以當作工具方法使用，將任意值轉(zhuǎn)為對象撼班。這個方法常用于保證某個值一定是對象歧匈。
如果參數(shù)為空（或者為undefined和null），Object()返回一個空對象砰嘁。
var obj = Object();
// 等同于
var obj = Object(undefined);
var obj = Object(null);
obj instanceof Object // true
上面代碼的含義件炉，是將undefined和null轉(zhuǎn)為對象，結(jié)果得到了一個空對象obj矮湘。
instanceof運算符用來驗證斟冕，一個對象是否為指定的構(gòu)造函數(shù)的實例。obj instanceof Object返回true缅阳，就表示obj對象是Object的實例磕蛇。
如果參數(shù)是原始類型的值，Object方法將其轉(zhuǎn)為對應(yīng)的包裝對象的實例（參見《原始類型的包裝對象》一章）券时。
var obj = Object(1);
obj instanceof Object // true
obj instanceof Number // true
var obj = Object('foo');
obj instanceof Object // true
obj instanceof String // true
var obj = Object(true);
obj instanceof Object // true
obj instanceof Boolean // true
上面代碼中孤里，Object函數(shù)的參數(shù)是各種原始類型的值，轉(zhuǎn)換成對象就是原始類型值對應(yīng)的包裝對象橘洞。
如果Object方法的參數(shù)是一個對象捌袜，它總是返回該對象，即不用轉(zhuǎn)換炸枣。
var arr = [];
var obj = Object(arr); // 返回原數(shù)組
obj === arr // true
var value = {};
var obj = Object(value) // 返回原對象
obj === value // true
var fn = function () {};
var obj = Object(fn); // 返回原函數(shù)
obj === fn // true
利用這一點虏等，可以寫一個判斷變量是否為對象的函數(shù)。
function isObject(value) {
return value === Object(value);
}
isObject([]) // true
isObject(true) // false
Object 構(gòu)造函數(shù)
Object不僅可以當作工具函數(shù)使用适肠，還可以當作構(gòu)造函數(shù)使用霍衫，即前面可以使用new命令。
Object構(gòu)造函數(shù)的首要用途侯养，是直接通過它來生成新對象敦跌。
var obj = new Object();
注意，通過
var obj = new Object()的寫法生成新對象，與字面量的寫法var obj = {}是等價的柠傍◆锓或者說，后者只是前者的一種簡便寫法惧笛。
Object構(gòu)造函數(shù)的用法與工具方法很相似从媚，幾乎一模一樣。使用時患整，可以接受一個參數(shù)拜效，如果該參數(shù)是一個對象，則直接返回這個對象各谚；如果是一個原始類型的值紧憾，則返回該值對應(yīng)的包裝對象（詳見《包裝對象》一章）。
var o1 = {a: 1};
var o2 = new Object(o1);
o1 === o2 // true
var obj = new Object(123);
obj instanceof Number // true
雖然用法相似昌渤，但是Object(value)與new Object(value)兩者的語義是不同的稻励，Object(value)表示將value轉(zhuǎn)成一個對象，new Object(value)則表示新生成一個對象愈涩，它的值是value。
Object 的靜態(tài)方法
所謂“靜態(tài)方法”加矛，是指部署在Object對象自身的方法履婉。
Object.keys()，Object.getOwnPropertyNames()
Object.keys方法和Object.getOwnPropertyNames方法都用來遍歷對象的屬性斟览。
Object.keys方法的參數(shù)是一個對象毁腿，返回一個數(shù)組。該數(shù)組的成員都是該對象自身的（而不是繼承的）所有屬性名苛茂。
var obj = {
p1: 123,
p2: 456
};
Object.keys(obj) // ["p1", "p2"]
Object.getOwnPropertyNames方法與Object.keys類似已烤，也是接受一個對象作為參數(shù)，返回一個數(shù)組妓羊，包含了該對象自身的所有屬性名胯究。
var obj = {
p1: 123,
p2: 456
};
Object.getOwnPropertyNames(obj) // ["p1", "p2"]
對于一般的對象來說，Object.keys()和Object.getOwnPropertyNames()返回的結(jié)果是一樣的躁绸。只有涉及不可枚舉屬性時裕循，才會有不一樣的結(jié)果。Object.keys方法只返回可枚舉的屬性（詳見《對象屬性的描述對象》一章）净刮，Object.getOwnPropertyNames方法還返回不可枚舉的屬性名剥哑。
var a = ['Hello', 'World'];
Object.keys(a) // ["0", "1"]
Object.getOwnPropertyNames(a) // ["0", "1", "length"]
上面代碼中，數(shù)組的length屬性是不可枚舉的屬性淹父，所以只出現(xiàn)在Object.getOwnPropertyNames方法的返回結(jié)果中株婴。
由于 JavaScript 沒有提供計算對象屬性個數(shù)的方法，所以可以用這兩個方法代替暑认。
var obj = {
p1: 123,
p2: 456
};
Object.keys(obj).length // 2
Object.getOwnPropertyNames(obj).length // 2
一般情況下困介，幾乎總是使用Object.keys方法大审，遍歷數(shù)組的屬性。
其他方法
除了上面提到的兩個方法逻翁，Object還有不少其他靜態(tài)方法饥努，將在后文逐一詳細介紹。
（1）對象屬性模型的相關(guān)方法
-
Object.getOwnPropertyDescriptor()：獲取某個屬性的描述對象八回。 -
Object.defineProperty()：通過描述對象酷愧，定義某個屬性。 -
Object.defineProperties()：通過描述對象缠诅，定義多個屬性溶浴。
（2）控制對象狀態(tài)的方法
-
Object.preventExtensions()：防止對象擴展。 -
Object.isExtensible()：判斷對象是否可擴展管引。 -
Object.seal()：禁止對象配置士败。 -
Object.isSealed()：判斷一個對象是否可配置。 -
Object.freeze()：凍結(jié)一個對象褥伴。 -
Object.isFrozen()：判斷一個對象是否被凍結(jié)谅将。
（3）原型鏈相關(guān)方法
-
Object.create()：該方法可以指定原型對象和屬性，返回一個新的對象重慢。 -
Object.getPrototypeOf()：獲取對象的Prototype對象饥臂。
Object 的實例方法
除了靜態(tài)方法，還有不少方法定義在Object.prototype對象似踱。它們稱為實例方法隅熙，所有Object的實例對象都繼承了這些方法。
Object實例對象的方法核芽，主要有以下六個囚戚。
-
Object.prototype.valueOf()：返回當前對象對應(yīng)的值。 -
Object.prototype.toString()：返回當前對象對應(yīng)的字符串形式轧简。 -
Object.prototype.toLocaleString()：返回當前對象對應(yīng)的本地字符串形式驰坊。 -
Object.prototype.hasOwnProperty()：判斷某個屬性是否為當前對象自身的屬性，還是繼承自原型對象的屬性吉懊。 -
Object.prototype.isPrototypeOf()：判斷當前對象是否為另一個對象的原型庐橙。 -
Object.prototype.propertyIsEnumerable()：判斷某個屬性是否可枚舉。
本節(jié)介紹前四個方法借嗽，另外兩個方法將在后文相關(guān)章節(jié)介紹态鳖。
Object.prototype.valueOf()
valueOf方法的作用是返回一個對象的“值”，默認情況下返回對象本身恶导。
var obj = new Object();
obj.valueOf() === obj // true
上面代碼比較obj.valueOf()與obj本身浆竭，兩者是一樣的。
valueOf方法的主要用途是，JavaScript 自動類型轉(zhuǎn)換時會默認調(diào)用這個方法（詳見《數(shù)據(jù)類型轉(zhuǎn)換》一章）邦泄。
var obj = new Object();
1 + obj // "1[object Object]"
上面代碼將對象obj與數(shù)字1相加删窒，這時 JavaScript 就會默認調(diào)用valueOf()方法，求出obj的值再與1相加顺囊。所以肌索，如果自定義valueOf方法，就可以得到想要的結(jié)果特碳。
var obj = new Object();
obj.valueOf = function () {
return 2;
};
1 + o // 3
上面代碼自定義了obj對象的valueOf方法诚亚，于是1 + o就得到了3。這種方法就相當于用自定義的obj.valueOf午乓，覆蓋Object.prototype.valueOf站宗。
Object.prototype.toString()
toString方法的作用是返回一個對象的字符串形式，默認情況下返回類型字符串益愈。
var o1 = new Object();
o1.toString() // "[object Object]"
var o2 = {a:1};
o2.toString() // "[object Object]"
上面代碼表示梢灭，對于一個對象調(diào)用toString方法，會返回字符串[object Object]蒸其，該字符串說明對象的類型敏释。
字符串[object Object]本身沒有太大的用處，但是通過自定義toString方法摸袁，可以讓對象在自動類型轉(zhuǎn)換時颂暇，得到想要的字符串形式。
var obj = new Object();
obj.toString = function () {
return 'hello';
};
obj + ' ' + 'world' // "hello world"
上面代碼表示但惶，當對象用于字符串加法時，會自動調(diào)用toString方法湿蛔。由于自定義了toString方法膀曾，所以返回字符串hello world。
數(shù)組阳啥、字符串添谊、函數(shù)、Date 對象都分別部署了自定義的toString方法察迟，覆蓋了Object.prototype.toString方法斩狱。
[1, 2, 3].toString() // "1,2,3"
'123'.toString() // "123"
(function () {
return 123;
}).toString()
// "function () {
// return 123;
// }"
(new Date()).toString()
// "Tue May 10 2016 09:11:31 GMT+0800 (CST)"
上面代碼中，數(shù)組扎瓶、字符串所踊、函數(shù)、Date 對象調(diào)用toString方法概荷，并不會返回[object Object]秕岛，因為它們都自定義了toString方法，覆蓋原始方法。
toString() 的應(yīng)用：判斷數(shù)據(jù)類型
Object.prototype.toString方法返回對象的類型字符串继薛，因此可以用來判斷一個值的類型修壕。
var obj = {};
obj.toString() // "[object Object]"
上面代碼調(diào)用空對象的toString方法，結(jié)果返回一個字符串object Object遏考，其中第二個Object表示該值的構(gòu)造函數(shù)慈鸠。這是一個十分有用的判斷數(shù)據(jù)類型的方法。
由于實例對象可能會自定義toString方法灌具，覆蓋掉Object.prototype.toString方法青团，所以為了得到類型字符串，最好直接使用Object.prototype.toString方法稽亏。通過函數(shù)的call方法壶冒，可以在任意值上調(diào)用這個方法，幫助我們判斷這個值的類型截歉。
Object.prototype.toString.call(value)
上面代碼表示對value這個值調(diào)用Object.prototype.toString方法胖腾。
不同數(shù)據(jù)類型的Object.prototype.toString方法返回值如下。
- 數(shù)值：返回
[object Number]瘪松。 - 字符串：返回
[object String]咸作。 - 布爾值：返回
[object Boolean]。 - undefined：返回
[object Undefined]宵睦。 - null：返回
[object Null]记罚。 - 數(shù)組：返回
[object Array]。 - arguments 對象：返回
[object Arguments]壳嚎。 - 函數(shù)：返回
[object Function]桐智。 - Error 對象：返回
[object Error]。 - Date 對象：返回
[object Date]烟馅。 - RegExp 對象：返回
[object RegExp]说庭。 - 其他對象：返回
[object Object]。
這就是說郑趁，Object.prototype.toString可以看出一個值到底是什么類型刊驴。
Object.prototype.toString.call(2) // "[object Number]"
Object.prototype.toString.call('') // "[object String]"
Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call(undefined) // "[object Undefined]"
Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call(Math) // "[object Math]"
Object.prototype.toString.call({}) // "[object Object]"
Object.prototype.toString.call([]) // "[object Array]"
利用這個特性，可以寫出一個比typeof運算符更準確的類型判斷函數(shù)寡润。
var type = function (o){
var s = Object.prototype.toString.call(o);
return s.match(/\[object (.*?)\]/)[1].toLowerCase();
};
type({}); // "object"
type([]); // "array"
type(5); // "number"
type(null); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"
在上面這個type函數(shù)的基礎(chǔ)上捆憎，還可以加上專門判斷某種類型數(shù)據(jù)的方法。
var type = function (o){
var s = Object.prototype.toString.call(o);
return s.match(/\[object (.*?)\]/)[1].toLowerCase();
};
['Null',
'Undefined',
'Object',
'Array',
'String',
'Number',
'Boolean',
'Function',
'RegExp'
].forEach(function (t) {
type['is' + t] = function (o) {
return type(o) === t.toLowerCase();
};
});
type.isObject({}) // true
type.isNumber(NaN) // true
type.isRegExp(/abc/) // true
Object.prototype.toLocaleString()
Object.prototype.toLocaleString方法與toString的返回結(jié)果相同梭纹，也是返回一個值的字符串形式躲惰。
var obj = {};
obj.toString(obj) // "[object Object]"
obj.toLocaleString(obj) // "[object Object]"
這個方法的主要作用是留出一個接口，讓各種不同的對象實現(xiàn)自己版本的toLocaleString变抽，用來返回針對某些地域的特定的值礁扮。目前知举，主要有三個對象自定義了toLocaleString方法。
- Array.prototype.toLocaleString()
- Number.prototype.toLocaleString()
- Date.prototype.toLocaleString()
舉例來說太伊，日期的實例對象的toString和toLocaleString返回值就不一樣雇锡，而且toLocaleString的返回值跟用戶設(shè)定的所在地域相關(guān)。
var date = new Date();
date.toString() // "Tue Jan 01 2018 12:01:33 GMT+0800 (CST)"
date.toLocaleString() // "1/01/2018, 12:01:33 PM"
Object.prototype.hasOwnProperty()
Object.prototype.hasOwnProperty方法接受一個字符串作為參數(shù)僚焦，返回一個布爾值锰提，表示該實例對象自身是否具有該屬性。
var obj = {
p: 123
};
obj.hasOwnProperty('p') // true
obj.hasOwnProperty('toString') // false
上面代碼中芳悲，對象obj自身具有p屬性立肘，所以返回true。toString屬性是繼承的名扛，所以返回false谅年。
參考鏈接
- Axel Rauschmayer, Protecting objects in JavaScript
- kangax, Understanding delete
- Jon Bretman, Type Checking in JavaScript
- Cody Lindley, Thinking About ECMAScript 5 Parts
- Bjorn Tipling, Advanced objects in JavaScript
- Javier Márquez, Javascript properties are enumerable, writable and configurable
- Sella Rafaeli, Native JavaScript Data-Binding: 使用存取函數(shù)實現(xiàn)model與view的雙向綁定
- Lea Verou, Copying object properties, the robust way
