定義

物件是JavaScript語言最主要的資料型別，三種原始型別的值——數值、字串、布林值——在一定條件下，也會自動轉為物件，也就是原始型別的“包裝物件”（wrapper）。

所謂“包裝物件”，指的是與數值、字串、布林值分別相對應的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
 

上面程式碼中，基於原始型別的值，生成了三個對應的包裝物件。可以看到，v1、v2、v3都是物件，且與對應的簡單型別值不相等。

包裝物件的設計目的，首先是使得“物件”這種型別可以覆蓋JavaScript所有的值，整門語言有一個通用的資料模型，其次是使得原始型別的值也有辦法呼叫自己的方法。

Number、String和Boolean這三個原生物件，如果不作為構造函式呼叫（即呼叫時不加new），而是作為普通函式呼叫，常常用於將任意型別的值轉為數值、字串和布林值。

// 字串轉為數值
Number('123') // 123

// 數值轉為字串
String(123) // "123"

// 數值轉為布林值
Boolean(123) // true
 

總結一下，這三個物件作為建構函式使用（帶有new）時，可以將原始型別的值轉為物件；作為普通函式使用時（不帶有new），可以將任意型別的值，轉為原始型別的值。

例項方法

三種包裝物件各自提供了許多例項方法。這裡介紹兩種它們共同具有、從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"

原始型別與例項物件的自動轉換

某些場合，原始型別的值會自動當作包裝物件呼叫，即呼叫包裝物件的屬性和方法。這時，JavaScript 引擎會自動將原始型別的值轉為包裝物件例項，並在使用後立刻銷燬例項。

比如，字串可以呼叫length屬性，返回字串的長度。

'abc'.length // 3

上面程式碼中，abc是一個字串，本身不是物件，不能呼叫length屬性。JavaScript 引擎自動將其轉為包裝物件，在這個物件上呼叫length屬性。呼叫結束後，這個臨時物件就會被銷燬。這就叫原始型別與例項物件的自動轉換。

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

自動轉換生成的包裝物件是隻讀的，無法修改。所以，字串無法新增新屬性。

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

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

另一方面，呼叫結束後，包裝物件例項會自動銷燬。這意味著，下一次呼叫字串的屬性時，實際是呼叫一個新生成的物件，而不是上一次呼叫時生成的那個物件，所以取不到賦值在上一個物件的屬性。如果要為字串新增屬性，只有在它的原型物件String.prototype上定義。

自定義方法

除了原生的例項方法，包裝物件還可以自定義方法和屬性，供原始型別的值直接呼叫。

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

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外面必須要加上圓括號，否則後面的點運算子（.）會被解釋成小數點。

Boolean 物件

概述

Boolean物件是 JavaScript 的三個包裝物件之一。作為建構函式，它主要用於生成布林值的包裝物件例項。

var b = new Boolean(true);

typeof b // "object"
b.valueOf() // true

上面程式碼的變數b是一個Boolean物件的例項，它的型別是物件，值為布林值true。

注意，false對應的包裝物件例項，布林運算結果也是true。

if (new Boolean(false)) {
  console.log('true');
} // true

if (new Boolean(false).valueOf()) {
  console.log('true');
} // 無輸出

上面程式碼的第一個例子之所以得到true，是因為false對應的包裝物件例項是一個物件，進行邏輯運算時，被自動轉化成布林值true（因為所有物件對應的布林值都是true）。而例項的valueOf方法，則返回例項對應的原始值，本例為false。

Boolean 函式的型別轉換作用

Boolean物件除了可以作為建構函式，還可以單獨使用，將任意值轉為布林值。這時Boolean就是一個單純的工具方法。

Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean('') // false
Boolean(NaN) // false

Boolean(1) // true
Boolean('false') // true
Boolean([]) // true
Boolean({}) // true
Boolean(function () {}) // true
Boolean(/foo/) // true

上面程式碼中幾種得到true的情況，都值得認真記住。

順便提一下，使用雙重的否運算子（!）也可以將任意值轉為對應的布林值。

!!undefined // false
!!null // false
!!0 // false
!!'' // false
!!NaN // false

!!1 // true
!!'false' // true
!![] // true
!!{} // true
!!function(){} // true
!!/foo/ // true

最後，對於一些特殊值，Boolean物件前面加不加new，會得到完全相反的結果，必須小心。

if (Boolean(false)) {
  console.log('true');
} // 無輸出

if (new Boolean(false)) {
  console.log('true');
} // true

if (Boolean(null)) {
  console.log('true');
} // 無輸出

if (new Boolean(null)) {
  console.log('true');
} // true

Number 物件

概述

Number物件是數值對應的包裝物件，可以作為建構函式使用，也可以作為工具函式使用。

作為建構函式時，它用於生成值為數值的物件。

var n = new Number(1);
typeof n // "object"

上面程式碼中，Number物件作為建構函式使用，返回一個值為1的物件。

作為工具函式時，它可以將任何型別的值轉為數值。

Number(true) // 1

靜態屬性

Number物件擁有以下一些靜態屬性（即直接定義在Number物件上的屬性，而不是定義在例項上的屬性）。

• Number.POSITIVE_INFINITY：正的無限，指向Infinity。
• Number.NEGATIVE_INFINITY：負的無限，指向-Infinity。
• Number.NaN：表示非數值，指向NaN。
• Number.MIN_VALUE：表示最小的正數（即最接近0的正數，在64位浮點數體系中為5e-324），相應的，最接近0的負數為-Number.MIN_VALUE。
• Number.MAX_SAFE_INTEGER：表示能夠精確表示的最大整數，即9007199254740991。
• Number.MIN_SAFE_INTEGER：表示能夠精確表示的最小整數，即-9007199254740991。

Number.POSITIVE_INFINITY // Infinity
Number.NEGATIVE_INFINITY // -Infinity
Number.NaN // NaN

Number.MAX_VALUE // 1.7976931348623157e+308
Number.MAX_VALUE < Infinity // true

Number.MIN_VALUE // 5e-324
Number.MIN_VALUE > 0 // true

Number.MAX_SAFE_INTEGER // 9007199254740991
Number.MIN_SAFE_INTEGER // -9007199254740991

例項方法

Number物件有4個例項方法，都跟將數值轉換成指定格式有關。

Number.prototype.toString()

Number物件部署了自己的toString方法，用來將一個數值轉為字串形式。

(10).toString() // "10"

toString方法可以接受一個引數，表示輸出的進位制。如果省略這個引數，預設將數值先轉為十進位制，再輸出字串；否則，就根據引數指定的進位制，將一個數字轉化成某個進位制的字串。

(10).toString(2) // "1010"
(10).toString(8) // "12"
(10).toString(16) // "a"

上面程式碼中，10一定要放在括號裡，這樣表明後面的點表示呼叫物件屬性。如果不加括號，這個點會被 JavaScript 引擎解釋成小數點，從而報錯。

10.toString(2)
// SyntaxError: Unexpected token ILLEGAL

只要能夠讓 JavaScript 引擎不混淆小數點和物件的點運算子，各種寫法都能用。除了為10加上括號，還可以在10後面加兩個點，JavaScript 會把第一個點理解成小數點（即10.0），把第二個點理解成呼叫物件屬性，從而得到正確結果。

10..toString(2) // "1010"

// 其他方法還包括
10 .toString(2) // "1010"
10.0.toString(2) // "1010"

這實際上意味著，可以直接對一個小數使用toString方法。

10.5.toString() // "10.5"
10.5.toString(2) // "1010.1"
10.5.toString(8) // "12.4"
10.5.toString(16) // "a.8"

通過方括號運算子也可以呼叫toString方法。

10['toString'](2) // "1010"

toString方法只能將十進位制的數，轉為其他進位制的字串。如果要將其他進位制的數，轉回十進位制，需要使用parseInt方法。

Number.prototype.toFixed()

toFixed()方法先將一個數轉為指定位數的小數，然後返回這個小數對應的字串。

(10).toFixed(2) // "10.00"
10.005.toFixed(2) // "10.01"

上面程式碼中，10和10.005先轉成2位小數，然後轉成字串。其中10必須放在括號裡，否則後面的點會被處理成小數點。

toFixed()方法的引數為小數位數，有效範圍為0到20，超出這個範圍將丟擲RangeError錯誤。

由於浮點數的原因，小數5的四捨五入是不確定的，使用的時候必須小心。

(10.055).toFixed(2) // 10.05
(10.005).toFixed(2) // 10.01

Number.prototype.toExponential()

toExponential方法用於將一個數轉為科學計數法形式。

(10).toExponential()  // "1e+1"
(10).toExponential(1) // "1.0e+1"
(10).toExponential(2) // "1.00e+1"

(1234).toExponential()  // "1.234e+3"
(1234).toExponential(1) // "1.2e+3"
(1234).toExponential(2) // "1.23e+3"

toExponential方法的引數是小數點後有效數字的位數，範圍為0到20，超出這個範圍，會丟擲一個RangeError錯誤。

Number.prototype.toPrecision()

toPrecision方法用於將一個數轉為指定位數的有效數字。

(12.34).toPrecision(1) // "1e+1"
(12.34).toPrecision(2) // "12"
(12.34).toPrecision(3) // "12.3"
(12.34).toPrecision(4) // "12.34"
(12.34).toPrecision(5) // "12.340"

toPrecision方法的引數為有效數字的位數，範圍是1到21，超出這個範圍會丟擲RangeError錯誤。

toPrecision方法用於四捨五入時不太可靠，跟浮點數不是精確儲存有關。

(12.35).toPrecision(3) // "12.3"
(12.25).toPrecision(3) // "12.3"
(12.15).toPrecision(3) // "12.2"
(12.45).toPrecision(3) // "12.4"

自定義方法

與其他物件一樣，Number.prototype物件上面可以自定義方法，被Number的例項繼承。

Number.prototype.add = function (x) {
  return this + x;
};

8['add'](2) // 10

上面程式碼為Number物件例項定義了一個add方法。在數值上呼叫某個方法，數值會自動轉為Number的例項物件，所以就可以呼叫add方法了。由於add方法返回的還是數值，所以可以鏈式運算。

Number.prototype.subtract = function (x) {
  return this - x;
};

(8).add(2).subtract(4) // 6

我們還可以部署更復雜的方法。

Number.prototype.iterate = function () {
  var result = [];
  for (var i = 0; i <= this; i++) {
    result.push(i);
  }
  return result;
};

(8).iterate() // [0, 1, 2, 3, 4, 5, 6, 7, 8]

上面程式碼在Number物件的原型上部署了iterate方法，將一個數值自動遍歷為一個數組。

注意，數值的自定義方法，只能定義在它的原型物件Number.prototype上面，數值本身是無法自定義屬性的。

var n = 1;
n.x = 1;
n.x // undefined

上面程式碼中，n是一個原始型別的數值。直接在它上面新增一個屬性x，不會報錯，但毫無作用，總是返回undefined。這是因為一旦被呼叫屬性，n就自動轉為Number的例項物件，呼叫結束後，該物件自動銷燬。所以，下一次呼叫n的屬性時，實際取到的是另一個物件，屬性x當然就讀不出來。

豌豆資源搜尋網站https://55wd.com 廣州vi設計公司http://www.maiqicn.com

String 物件

概述

String物件是 JavaScript 原生提供的三個包裝物件之一，用來生成字串物件。

var s1 = 'abc';
var s2 = new String('abc');

typeof s1 // "string"
typeof s2 // "object"

s2.valueOf() // "abc"

字串物件是一個類似陣列的物件（很像陣列，但不是陣列）。

new String('abc')
// String {0: "a", 1: "b", 2: "c", length: 3}

(new String('abc'))[1] // "b"

上面程式碼中，字串abc對應的字串物件，有數值鍵（0、1、2）和length屬性，所以可以像陣列那樣取值。

除了用作建構函式，String物件還可以當作工具方法使用，將任意型別的值轉為字串。

String(true) // "true"
String(5) // "5"

靜態方法

String.fromCharCode()

String物件提供的靜態方法（即定義在物件本身，而不是定義在物件例項的方法），主要是String.fromCharCode()。該方法的引數是一個或多個數值，代表 Unicode 碼點，返回值是這些碼點組成的字串。

String.fromCharCode() // ""
String.fromCharCode(97) // "a"
String.fromCharCode(104, 101, 108, 108, 111) // "hello"

上面程式碼中，String.fromCharCode方法的引數為空，就返回空字串；否則，返回引數對應的 Unicode 字串。

注意，該方法不支援 Unicode 碼點大於0xFFFF的字元，即傳入的引數不能大於0xFFFF（即十進位制的 65535）。

String.fromCharCode(0x20BB7) // "ஷ"
String.fromCharCode(0x20BB7) === String.fromCharCode(0x0BB7)
// true

上面程式碼中，String.fromCharCode引數0x20BB7大於0xFFFF，導致返回結果出錯。0x20BB7對應的字元是漢字