JavaScript 包裝對象

定義

對象是 JavaScript 語言最主要的數(shù)據(jù)類型，三種原始類型的值——數(shù)值、字符串、布爾值——在一定條件下，也會自動轉(zhuǎn)為對象，也就是原始類型的“包裝對象”（wrapper）。

所謂“包裝對象”，指的是與數(shù)值、字符串、布爾值分別相對應的Number、String、Boolean三個原生對象。這三個原生對象可以把原始類型的值變成（包裝成）對象。

var v1 = new Number(123);
var v2 = new String('abc');
var v3 = new Boolean(true);

typeof v1 // "object"
typeof v2 // "object"
typeof v3 // "object"

v1 === 123 // false
v2 === 'abc' // false
v3 === true // false

上面代碼中，基于原始類型的值，生成了三個對應的包裝對象?？梢钥吹剑?code>v1、v2、v3都是對象，且與對應的簡單類型值不相等。

包裝對象的設計目的，首先是使得“對象”這種類型可以覆蓋 JavaScript 所有的值，整門語言有一個通用的數(shù)據(jù)模型，其次是使得原始類型的值也有辦法調(diào)用自己的方法。

Number、String和Boolean這三個原生對象，如果不作為構造函數(shù)調(diào)用（即調(diào)用時不加new），而是作為普通函數(shù)調(diào)用，常常用于將任意類型的值轉(zhuǎn)為數(shù)值、字符串和布爾值。

// 字符串轉(zhuǎn)為數(shù)值
Number('123') // 123

// 數(shù)值轉(zhuǎn)為字符串
String(123) // "123"

// 數(shù)值轉(zhuǎn)為布爾值
Boolean(123) // true

上面這種數(shù)據(jù)類型的轉(zhuǎn)換，詳見《數(shù)據(jù)類型轉(zhuǎn)換》一節(jié)。

總結一下，這三個對象作為構造函數(shù)使用（帶有new）時，可以將原始類型的值轉(zhuǎn)為對象；作為普通函數(shù)使用時（不帶有new），可以將任意類型的值，轉(zhuǎn)為原始類型的值。

實例方法

三種包裝對象各自提供了許多實例方法，詳見后文。這里介紹兩種它們共同具有、從Object對象繼承的方法：valueOf()和toString()。

valueOf()

valueOf()方法返回包裝對象實例對應的原始類型的值。

new Number(123).valueOf()  // 123
new String('abc').valueOf() // "abc"
new Boolean(true).valueOf() // true

toString()

toString()方法返回對應的字符串形式。

new Number(123).toString() // "123"
new String('abc').toString() // "abc"
new Boolean(true).toString() // "true"

原始類型與實例對象的自動轉(zhuǎn)換

某些場合，原始類型的值會自動當作包裝對象調(diào)用，即調(diào)用包裝對象的屬性和方法。這時，JavaScript 引擎會自動將原始類型的值轉(zhuǎn)為包裝對象實例，并在使用后立刻銷毀實例。

比如，字符串可以調(diào)用length屬性，返回字符串的長度。

'abc'.length // 3

上面代碼中，abc是一個字符串，本身不是對象，不能調(diào)用length屬性。JavaScript 引擎自動將其轉(zhuǎn)為包裝對象，在這個對象上調(diào)用length屬性。調(diào)用結束后，這個臨時對象就會被銷毀。這就叫原始類型與實例對象的自動轉(zhuǎn)換。

var str = 'abc';
str.length // 3

// 等同于
var strObj = new String(str)
// String {
//   0: "a", 1: "b", 2: "c", length: 3, [[PrimitiveValue]]: "abc"
// }
strObj.length // 3

上面代碼中，字符串abc的包裝對象提供了多個屬性，length只是其中之一。

自動轉(zhuǎn)換生成的包裝對象是只讀的，無法修改。所以，字符串無法添加新屬性。

var s = 'Hello World';
s.x = 123;
s.x // undefined

上面代碼為字符串s添加了一個x屬性，結果無效，總是返回undefined。

另一方面，調(diào)用結束后，包裝對象實例會自動銷毀。這意味著，下一次調(diào)用字符串的屬性時，實際是調(diào)用一個新生成的對象，而不是上一次調(diào)用時生成的那個對象，所以取不到賦值在上一個對象的屬性。如果要為字符串添加屬性，只有在它的原型對象String.prototype上定義（參見《面向?qū)ο缶幊獭氛鹿?jié)）。

自定義方法

除了原生的實例方法，包裝對象還可以自定義方法和屬性，供原始類型的值直接調(diào)用。

比如，我們可以新增一個double方法，使得字符串和數(shù)字翻倍。

String.prototype.double = function () {
  return this.valueOf() + this.valueOf();
};

'abc'.double()
// abcabc

Number.prototype.double = function () {
  return this.valueOf() + this.valueOf();
};

(123).double() // 246

上面代碼在String和Number這兩個對象的原型上面，分別自定義了一個方法，從而可以在所有實例對象上調(diào)用。注意，最后一行的123外面必須要加上圓括號，否則后面的點運算符（.）會被解釋成小數(shù)點。