聊一聊對(duì)js包裝對(duì)象的理解
在 JavaScript 中,基本類型(primitive types)例如數(shù)字、字符串、布爾值、null 和 undefined,本身并不是對(duì)象。然而,為了方便開(kāi)發(fā)者訪問(wèn)屬性和方法,JavaScript 提供了一種機(jī)制,當(dāng)我們?cè)噲D訪問(wèn)基本類型的屬性或方法時(shí),它會(huì)自動(dòng)創(chuàng)建一個(gè)對(duì)應(yīng)的包裝對(duì)象(wrapper object)。 這個(gè)包裝對(duì)象是臨時(shí)的,一旦屬性或方法訪問(wèn)完畢,它就會(huì)被銷毀。
以下是關(guān)于 JS 包裝對(duì)象的幾個(gè)關(guān)鍵理解:
自動(dòng)裝箱和拆箱: JavaScript 引擎在后臺(tái)自動(dòng)執(zhí)行裝箱和拆箱操作。
裝箱 (Boxing): 當(dāng)訪問(wèn)基本類型的屬性或方法時(shí),JavaScript 會(huì)創(chuàng)建一個(gè)對(duì)應(yīng)的包裝對(duì)象(
Number
、String
、Boolean
)。例如,'hello'.toUpperCase()
會(huì)先將字符串 'hello' 裝箱成String
對(duì)象,然后調(diào)用toUpperCase()
方法,最后返回結(jié)果。拆箱 (Unboxing): 裝箱創(chuàng)建的包裝對(duì)象是臨時(shí)的。一旦操作完成,對(duì)象會(huì)被銷毀,值會(huì)被還原成基本類型。
三種包裝類型: JavaScript 提供了三種內(nèi)置的包裝類型:
String
:用于字符串基本類型。Number
:用于數(shù)字基本類型。Boolean
:用于布爾值基本類型。Symbol
和BigInt
也有對(duì)應(yīng)的包裝對(duì)象,但使用場(chǎng)景相對(duì)較少。
臨時(shí)性: 包裝對(duì)象只在訪問(wèn)屬性或方法的瞬間存在,之后立即被銷毀。這意味著你不能持久地持有對(duì)包裝對(duì)象的引用。例如,以下代碼不會(huì)修改原始字符串:
let str = 'hello'; let strObject = new String(str); // 手動(dòng)創(chuàng)建 String 對(duì)象 strObject.foo = 'bar'; // 修改包裝對(duì)象 console.log(str.foo); // undefined,原始字符串不受影響
手動(dòng)創(chuàng)建包裝對(duì)象: 雖然不推薦,但你可以手動(dòng)使用
new String()
、new Number()
和new Boolean()
創(chuàng)建包裝對(duì)象。 手動(dòng)創(chuàng)建的對(duì)象不會(huì)像自動(dòng)裝箱那樣短暫存在,它們會(huì)持續(xù)占用內(nèi)存,除非被垃圾回收。 一般情況下,應(yīng)該避免手動(dòng)創(chuàng)建包裝對(duì)象,讓 JavaScript 引擎自動(dòng)處理裝箱和拆箱即可。null 和 undefined 沒(méi)有包裝對(duì)象: 嘗試訪問(wèn)
null
或undefined
的屬性或方法會(huì)拋出TypeError
。
示例:
let num = 10; console.log(num.toFixed(2)); // "10.00",自動(dòng)裝箱成 Number 對(duì)象,調(diào)用 toFixed() 方法 let str = 'hello'; console.log(str.length); // 5,自動(dòng)裝箱成 String 對(duì)象,訪問(wèn) length 屬性 let bool = true; console.log(bool.toString()); // "true",自動(dòng)裝箱成 Boolean 對(duì)象,調(diào)用 toString() 方法
總結(jié):
理解 JavaScript 包裝對(duì)象的概念對(duì)于編寫(xiě)高效和正確的代碼至關(guān)重要。記住,它們是臨時(shí)的,用于提供對(duì)基本類型屬性和方法的訪問(wèn),并且通常情況下,你應(yīng)該讓 JavaScript 引擎自動(dòng)處理裝箱和拆箱。 避免手動(dòng)創(chuàng)建包裝對(duì)象,除非你有非常特定的需求。
相關(guān)文章
深入淺析JS Function()構(gòu)造函數(shù)
這篇文章給大家介紹了js function()構(gòu)造函數(shù)的知識(shí)以及關(guān)于function()構(gòu)造函數(shù)需要注意的幾個(gè)要點(diǎn),本文介紹的非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-08-08JavaScript在多瀏覽器下for循環(huán)的使用方法
JavaScript語(yǔ)言在不同的瀏覽器的下有存在細(xì)微的差異,但不像DOM操作差異那么大,現(xiàn)在為大家列舉出其中一個(gè)"for循環(huán)"的差異,并介紹如何有效的解決這種差異2012-11-11Spring Boot根據(jù)配置暴露接口的代碼實(shí)現(xiàn)
SpringBoot 在 org.springframework.boot.autoconfigure.condition 包下提供了很多 ConditionalOnXxx 格式的條件注解,這些類名起的非常好,很直觀的可以理解其功能,本示例要實(shí)現(xiàn)的效果:在非生產(chǎn)環(huán)境下暴露測(cè)試用的接口,需要的朋友可以參考下2024-11-11用最簡(jiǎn)單的方法判斷JavaScript中this的指向(推薦)
都說(shuō) JavaScript 是一種很靈活的語(yǔ)言,這其實(shí)也可以說(shuō)它是一個(gè)混亂的語(yǔ)言,下面通過(guò)本文給大家分享JavaScript中this的指向知識(shí),感興趣的朋友一起看看吧2017-09-09JavaScript SHA1加密算法實(shí)現(xiàn)詳細(xì)代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript SHA1加密算法實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-10-10javascript中"/"運(yùn)算符常見(jiàn)錯(cuò)誤
javascript里面的"/"運(yùn)算符跟C++里面的"/"運(yùn)算符不一樣,后者自動(dòng)取整,前者若非整除則會(huì)得到小數(shù)(比如說(shuō)5/2=2.5)。2010-10-10基于JavaScript實(shí)現(xiàn)無(wú)限加載瀑布流
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)無(wú)限加載瀑布流,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07JAVASCRIPT IE 與 FF中兼容問(wèn)題小結(jié)
在不同瀏覽器中對(duì)于一些屬性的支持也不一樣,下面是對(duì)ie和firefox的一些小結(jié)。2009-02-02