標準庫：Object 物件

概述

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呼叫print方法。也就是說，obj物件的print方法實質上就是呼叫Object.prototype.print

關於原型物件object.prototype的詳細解釋，參見《面向物件程式設計》章節。這裡只要知道，凡是定義在Object.prototype物件上面的屬性和方法，將被所有例項物件共享就可以了。

以下先介紹Object作為函式的用法，然後再介紹Object物件的原生方法，分成物件自身的方法（又稱為“靜態方法”）和例項方法兩部分。

Object()

Object本身是一個函式，可以當作工具方法使用，將任意值轉為物件。這個方法常用於保證某個值一定是物件。

如果引數為空（或者為undefined和null），Object()返回一個空物件。

var obj = Object();
// 等同於
var obj = Object(undefined);
var obj = Object(null);

obj instanceof Object // true
 

上面程式碼的含義，是將undefined和null轉為物件，結果得到了一個空物件obj。

instanceof運算子用來驗證，一個物件是否為指定的建構函式的例項。obj instanceof Object返回true，就表示obj物件是Object的例項。

如果引數是原始型別的值，Object方法將其轉為對應的包裝物件的例項（參見《原始型別的包裝物件》一章）。

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函式的引數是各種原始型別的值，轉換成物件就是原始型別值對應的包裝物件。

如果Object方法的引數是一個物件，它總是返回該物件，即不用轉換。

var arr = [];
var obj = Object(arr); // 返回原陣列
obj === arr // true

var value = {};
var obj = Object(value) // 返回原物件
obj === value // true

var fn = function () {};
var obj = Object(fn); // 返回原函式
obj === fn // true

利用這一點，可以寫一個判斷變數是否為物件的函式。

function isObject(value) {
  return value === Object(value);
}

isObject([]) // true
isObject(true) // false

Object 建構函式

Object不僅可以當作工具函式使用，還可以當作建構函式使用，即前面可以使用new命令。

Object建構函式的首要用途，是直接通過它來生成新物件。

var obj = new Object();

注意，通過var obj = new Object()的寫法生成新物件，與字面量的寫法var obj = {}是等價的。或者說，後者只是前者的一種簡便寫法。

Object建構函式的用法與工具方法很相似，幾乎一模一樣。使用時，可以接受一個引數，如果該引數是一個物件，則直接返回這個物件；如果是一個原始型別的值，則返回該值對應的包裝物件（詳見《包裝物件》一章）。

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轉成一個物件，new Object(value)則表示新生成一個物件，它的值是value。

Object 的靜態方法

所謂“靜態方法”，是指部署在Object物件自身的方法。

Object.keys()，Object.getOwnPropertyNames()

Object.keys方法和Object.getOwnPropertyNames方法都用來遍歷物件的屬性。

Object.keys方法的引數是一個物件，返回一個數組。該陣列的成員都是該物件自身的（而不是繼承的）所有屬性名。

var obj = {
  p1: 123,
  p2: 456
};

Object.keys(obj) // ["p1", "p2"]

Object.getOwnPropertyNames方法與Object.keys類似，也是接受一個物件作為引數，返回一個數組，包含了該物件自身的所有屬性名。

var obj = {
  p1: 123,
  p2: 456
};

Object.getOwnPropertyNames(obj) // ["p1", "p2"]

對於一般的物件來說，Object.keys()和Object.getOwnPropertyNames()返回的結果是一樣的。只有涉及不可列舉屬性時，才會有不一樣的結果。Object.keys方法只返回可列舉的屬性（詳見《物件屬性的描述物件》一章），Object.getOwnPropertyNames方法還返回不可列舉的屬性名。

var a = ['Hello', 'World'];

Object.keys(a) // ["0", "1"]
Object.getOwnPropertyNames(a) // ["0", "1", "length"]

上面程式碼中，陣列的length屬性是不可列舉的屬性，所以只出現在Object.getOwnPropertyNames方法的返回結果中。

由於 JavaScript 沒有提供計算物件屬性個數的方法，所以可以用這兩個方法代替。

var obj = {
  p1: 123,
  p2: 456
};

Object.keys(obj).length // 2
Object.getOwnPropertyNames(obj).length // 2

一般情況下，幾乎總是使用Object.keys方法，遍歷物件的屬性。

其他方法

除了上面提到的兩個方法，Object還有不少其他靜態方法，將在後文逐一詳細介紹。

（1）物件屬性模型的相關方法

• Object.getOwnPropertyDescriptor()：獲取某個屬性的描述物件。
• Object.defineProperty()：通過描述物件，定義某個屬性。
• Object.defineProperties()：通過描述物件，定義多個屬性。

（2）控制物件狀態的方法

• Object.preventExtensions()：防止物件擴充套件。
• Object.isExtensible()：判斷物件是否可擴充套件。
• Object.seal()：禁止物件配置。
• Object.isSealed()：判斷一個物件是否可配置。
• Object.freeze()：凍結一個物件。
• Object.isFrozen()：判斷一個物件是否被凍結。

（3）原型鏈相關方法

• Object.create()：該方法可以指定原型物件和屬性，返回一個新的物件。
• Object.getPrototypeOf()：獲取物件的Prototype物件。

Object 的例項方法

除了靜態方法，還有不少方法定義在Object.prototype物件。它們稱為例項方法，所有Object的例項物件都繼承了這些方法。

Object例項物件的方法，主要有以下六個。

• Object.prototype.valueOf()：返回當前物件對應的值。
• Object.prototype.toString()：返回當前物件對應的字串形式。
• Object.prototype.toLocaleString()：返回當前物件對應的本地字串形式。
• Object.prototype.hasOwnProperty()：判斷某個屬性是否為當前物件自身的屬性，還是繼承自原型物件的屬性。
• Object.prototype.isPrototypeOf()：判斷當前物件是否為另一個物件的原型。
• Object.prototype.propertyIsEnumerable()：判斷某個屬性是否可列舉。

本節介紹前四個方法，另外兩個方法將在後文相關章節介紹。

Object.prototype.valueOf()

valueOf方法的作用是返回一個物件的“值”，預設情況下返回物件本身。

var obj = new Object();
obj.valueOf() === obj // true

上面程式碼比較obj.valueOf()與obj本身，兩者是一樣的。

valueOf方法的主要用途是，JavaScript 自動型別轉換時會預設呼叫這個方法（詳見《資料型別轉換》一章）。

var obj = new Object();
1 + obj // "1[object Object]"

上面程式碼將物件obj與數字1相加，這時 JavaScript 就會預設呼叫valueOf()方法，求出obj的值再與1相加。所以，如果自定義valueOf方法，就可以得到想要的結果。

var obj = new Object();
obj.valueOf = function () {
  return 2;
};

1 + obj // 3

上面程式碼自定義了obj物件的valueOf方法，於是1 + obj就得到了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]"

上面程式碼表示，對於一個物件呼叫toString方法，會返回字串[object Object]，該字串說明物件的型別。

字串[object Object]本身沒有太大的用處，但是通過自定義toString方法，可以讓物件在自動型別轉換時，得到想要的字串形式。

var obj = new Object();

obj.toString = function () {
  return 'hello';
};

obj + ' ' + 'world' // "hello world"

上面程式碼表示，當物件用於字串加法時，會自動呼叫toString方法。由於自定義了toString方法，所以返回字串hello world。

陣列、字串、函式、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)"

上面程式碼中，陣列、字串、函式、Date 物件呼叫toString方法，並不會返回[object Object]，因為它們都自定義了toString方法，覆蓋原始方法。

toString() 的應用：判斷資料型別

Object.prototype.toString方法返回物件的型別字串，因此可以用來判斷一個值的型別。

var obj = {};
obj.toString() // "[object Object]"

上面程式碼呼叫空物件的toString方法，結果返回一個字串object Object，其中第二個Object表示該值的建構函式。這是一個十分有用的判斷資料型別的方法。

由於例項物件可能會自定義toString方法，覆蓋掉Object.prototype.toString方法，所以為了得到型別字串，最好直接使用Object.prototype.toString方法。通過函式的call方法，可以在任意值上呼叫這個方法，幫助我們判斷這個值的型別。

Object.prototype.toString.call(value)

上面程式碼表示對value這個值呼叫Object.prototype.toString方法。

不同資料型別的Object.prototype.toString方法返回值如下。

• 數值：返回[object Number]。
• 字串：返回[object String]。
• 布林值：返回[object Boolean]。
• undefined：返回[object Undefined]。
• null：返回[object Null]。
• 陣列：返回[object Array]。
• arguments 物件：返回[object Arguments]。
• 函式：返回[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運算子更準確的型別判斷函式。

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函式的基礎上，還可以加上專門判斷某種型別資料的方法。

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的返回結果相同，也是返回一個值的字串形式。

var obj = {};
obj.toString(obj) // "[object Object]"
obj.toLocaleString(obj) // "[object Object]"

這個方法的主要作用是留出一個介面，讓各種不同的物件實現自己版本的toLocaleString，用來返回針對某些地域的特定的值。

var person = {
  toString: function () {
    return 'Henry Norman Bethune';
  },
  toLocaleString: function () {
    return '白求恩';
  }
};

person.toString() // Henry Norman Bethune
person.toLocaleString() // 白求恩

上面程式碼中，toString()方法返回物件的一般字串形式，toLocaleString()方法返回本地的字串形式。

目前，主要有三個物件自定義了toLocaleString方法。

• Array.prototype.toLocaleString()
• Number.prototype.toLocaleString()
• Date.prototype.toLocaleString()

舉例來說，日期的例項物件的toString和toLocaleString返回值就不一樣，而且toLocaleString的返回值跟使用者設定的所在地域相關。

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方法接受一個字串作為引數，返回一個布林值，表示該例項物件自身是否具有該屬性。

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: 使用存取函式實現model與view的雙向繫結
• Lea Verou, Copying object properties, the robust way