# 包裝對象 ## 定義 對象是 JavaScript 語言最主要的數據類型，三種原始類型的值——數值、字符串、布爾值——在一定條件下，也會自動轉為對象，也就是原始類型的“包裝對象”（wrapper）。 所謂“包裝對象”，指的是與數值、字符串、布爾值分別相對應的`Number`、`String`、`Boolean`三個原生對象。這三個原生對象可以把原始類型的值變成（包裝成）對象。 ```javascript 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 ``` 上面代碼中，基于原始類型的值，生成了三個對應的包裝對象。可以看到，`v1`、`v2`、`v3`都是對象，且與對應的簡單類型值不相等。 包裝對象的設計目的，首先是使得“對象”這種類型可以覆蓋 JavaScript 所有的值，整門語言有一個通用的數據模型，其次是使得原始類型的值也有辦法調用自己的方法。 `Number`、`String`和`Boolean`這三個原生對象，如果不作為構造函數調用（即調用時不加`new`），而是作為普通函數調用，常常用于將任意類型的值轉為數值、字符串和布爾值。 ```javascript // 字符串轉為數值 Number('123') // 123 // 數值轉為字符串 String(123) // "123" // 數值轉為布爾值 Boolean(123) // true ``` 上面這種數據類型的轉換，詳見《數據類型轉換》一節。 總結一下，這三個對象作為構造函數使用（帶有`new`）時，可以將原始類型的值轉為對象；作為普通函數使用時（不帶有`new`），可以將任意類型的值，轉為原始類型的值。 ## 實例方法 三種包裝對象各自提供了許多實例方法，詳見后文。這里介紹兩種它們共同具有、從`Object`對象繼承的方法：`valueOf()`和`toString()`。 ### valueOf() `valueOf()`方法返回包裝對象實例對應的原始類型的值。 ```javascript new Number(123).valueOf() // 123 new String('abc').valueOf() // "abc" new Boolean(true).valueOf() // true ``` ### toString() `toString()`方法返回對應的字符串形式。 ```javascript new Number(123).toString() // "123" new String('abc').toString() // "abc" new Boolean(true).toString() // "true" ``` ## 原始類型與實例對象的自動轉換 某些場合，原始類型的值會自動當作包裝對象調用，即調用包裝對象的屬性和方法。這時，JavaScript 引擎會自動將原始類型的值轉為包裝對象實例，并在使用后立刻銷毀實例。 比如，字符串可以調用`length`屬性，返回字符串的長度。 ```javascript 'abc'.length // 3 ``` 上面代碼中，`abc`是一個字符串，本身不是對象，不能調用`length`屬性。JavaScript 引擎自動將其轉為包裝對象，在這個對象上調用`length`屬性。調用結束后，這個臨時對象就會被銷毀。這就叫原始類型與實例對象的自動轉換。 ```javascript 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`只是其中之一。 自動轉換生成的包裝對象是只讀的，無法修改。所以，字符串無法添加新屬性。 ```javascript var s = 'Hello World'; s.x = 123; s.x // undefined ``` 上面代碼為字符串`s`添加了一個`x`屬性，結果無效，總是返回`undefined`。 另一方面，調用結束后，包裝對象實例會自動銷毀。這意味著，下一次調用字符串的屬性時，實際是調用一個新生成的對象，而不是上一次調用時生成的那個對象，所以取不到賦值在上一個對象的屬性。如果要為字符串添加屬性，只有在它的原型對象`String.prototype`上定義（參見《面向對象編程》章節）。 ## 自定義方法 除了原生的實例方法，包裝對象還可以自定義方法和屬性，供原始類型的值直接調用。 比如，我們可以新增一個`double`方法，使得字符串和數字翻倍。 ```javascript 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`這兩個對象的原型上面，分別自定義了一個方法，從而可以在所有實例對象上調用。注意，最后一行的`123`外面必須要加上圓括號，否則后面的點運算符（`.`）會被解釋成小數點。