js包裝類

定義 #

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

所謂“包裝對象”,指的是與數(shù)值赴邻、字符串印衔、布爾值分別相對應(yīng)的NumberString姥敛、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)的包裝對象‰冢可以看到鲤桥,v1v2渠概、v3都是對象茶凳,且與對應(yīng)的簡單類型值不相等。

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

Number箱沦、StringBoolean這三個原生對象,如果不作為構(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

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末继低,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子稍走,更是在濱河造成了極大的恐慌袁翁,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钱磅,死亡現(xiàn)場離奇詭異梦裂,居然都是意外死亡,警方通過查閱死者的電腦和手機盖淡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門年柠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人褪迟,你說我怎么就攤上這事冗恨。” “怎么了味赃?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵掀抹,是天一觀的道長。 經(jīng)常有香客問我心俗,道長傲武,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任城榛,我火速辦了婚禮揪利,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘狠持。我一直安慰自己疟位,他們只是感情好,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布喘垂。 她就那樣靜靜地躺著甜刻,像睡著了一般绍撞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上得院,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天傻铣,我揣著相機與錄音,去河邊找鬼尿招。 笑死矾柜,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的就谜。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼里覆,長吁一口氣:“原來是場噩夢啊……” “哼丧荐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起喧枷,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤虹统,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后隧甚,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體车荔,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年戚扳,在試婚紗的時候發(fā)現(xiàn)自己被綠了忧便。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡帽借,死狀恐怖珠增,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情砍艾,我是刑警寧澤蒂教,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站脆荷,受9級特大地震影響凝垛,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蜓谋,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一梦皮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧孤澎,春花似錦届氢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽岖妄。三九已至,卻和暖如春寂祥,著一層夾襖步出監(jiān)牢的瞬間荐虐,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工丸凭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留福扬,地道東北人。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓惜犀,卻偏偏與公主長得像铛碑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子虽界,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容