定義 #
對象是 JavaScript 語言最主要的數(shù)據(jù)類型,三種原始類型的值——數(shù)值说庭、字符串咸灿、布爾值——在一定條件下,也會自動轉(zhuǎn)為對象丛塌,也就是原始類型的“包裝對象”(wrapper)较解。
所謂“包裝對象”,指的是與數(shù)值赴邻、字符串印衔、布爾值分別相對應(yīng)的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
上面代碼中彤敛,基于原始類型的值与帆,生成了三個對應(yīng)的包裝對象‰冢可以看到鲤桥,v1
、v2
渠概、v3
都是對象茶凳,且與對應(yīng)的簡單類型值不相等。
包裝對象的設(shè)計目的播揪,首先是使得“對象”這種類型可以覆蓋 JavaScript 所有的值贮喧,整門語言有一個通用的數(shù)據(jù)模型,其次是使得原始類型的值也有辦法調(diào)用自己的方法猪狈。
Number
箱沦、String
和Boolean
這三個原生對象,如果不作為構(gòu)造函數(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é)。
總結(jié)一下竹椒,這三個對象作為構(gòu)造函數(shù)使用(帶有new
)時童太,可以將原始類型的值轉(zhuǎn)為對象;作為普通函數(shù)使用時(不帶有new
)胸完,可以將任意類型的值书释,轉(zhuǎn)為原始類型的值。
實例方法
三種包裝對象各自提供了許多實例方法赊窥,詳見后文爆惧。這里介紹兩種它們共同具有、從Object
對象繼承的方法:valueOf()
和toString()
锨能。
valueOf()
valueOf()
方法返回包裝對象實例對應(yīng)的原始類型的值检激。
new Number(123).valueOf() // 123
new String('abc').valueOf() // "abc"
new Boolean(true).valueOf() // true
toString()
toString()
方法返回對應(yīng)的字符串形式肴捉。
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)用結(jié)束后蛆封,這個臨時對象就會被銷毀唇礁。這就叫原始類型與實例對象的自動轉(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
屬性漾抬,結(jié)果無效,總是返回undefined
陶耍。
另一方面奋蔚,調(diào)用結(jié)束后,包裝對象實例會自動銷毀烈钞。這意味著泊碑,下一次調(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ù)點少孝。