JavaScript裝箱及拆箱boxing及unBoxing用法解析

更新時(shí)間：2020年06月15日 11:20:25 作者：ssaylo

這篇文章主要介紹了JavaScript裝箱及拆箱boxing及unBoxing用法解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

首先我們來看看這段代碼

var s1 = "abc";
var s2 = s1.indexOf("a")

s1 是個(gè) string 啊，怎么會(huì)有 indexOf() 方法呢？

這里就涉及到了 JavaScript 中的裝箱與拆箱的概念了

裝箱：把基本數(shù)據(jù)類型轉(zhuǎn)化為對(duì)應(yīng)的引用數(shù)據(jù)類型的操作

在《javascript高級(jí)程序設(shè)計(jì)》中有這樣一句話：

每當(dāng)讀取一個(gè)基本類型的時(shí)候，后臺(tái)就會(huì)創(chuàng)建一個(gè)對(duì)應(yīng)的基本包裝類型對(duì)象，從而讓我們能夠調(diào)用一些方法來操作這些數(shù)據(jù)。

還是拿最開始的例子

var s1 = "abc";
var s2 = s1.indexOf("a")

變量s1是一個(gè)基本類型值，它不是對(duì)象，它不應(yīng)該有方法。但是js內(nèi)部為我們完成了一系列處理（即裝箱），使得它能夠調(diào)用方法,實(shí)現(xiàn)的機(jī)制如下：

（1）創(chuàng)建String類型的一個(gè)實(shí)例；

（2）在實(shí)例上調(diào)用指定的方法；

（3）銷毀這個(gè)實(shí)例；

下面來看看代碼實(shí)現(xiàn)：

var s1 = new String("some text");
var s2 = s1.substring(2);
s1 = null;

這樣就完成裝箱，我們也就能在s1上調(diào)用方法了

拆箱：將引用類型對(duì)象轉(zhuǎn)換為對(duì)應(yīng)的值類型對(duì)象

它是通過引用類型的valueOf()或者toString()方法來實(shí)現(xiàn)的。如果是自定義的對(duì)象，你也可以自定義它的valueOf()/tostring()方法，實(shí)現(xiàn)對(duì)這個(gè)對(duì)象的拆箱。

 var objNum = new Number(123); 
 var objStr =new String("123");  
 console.log( typeof objNum ); //object
 console.log( typeof objStr ); //object 
 console.log( typeof objNum.valueOf() ); //number
 console.log( typeof objStr.valueOf() ); //string
 
 console.log( typeof objNum.toString() ); // string 
 console.log( typeof objStr.toString() ); // string

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript進(jìn)階之前端文件上傳和下載示例詳解
這篇文章主要為大家介紹了JavaScript進(jìn)階之前端文件上傳和下載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
公共js在頁(yè)面底部加載的注意事項(xiàng)介紹
JavaScript腳本文件都放在頁(yè)面底部加載，可以有效地加快頁(yè)面的加載速度，下面為大家介紹下書寫時(shí)的注意事項(xiàng)
2013-07-07
JavaScript生成隨機(jī)數(shù)的4種自定義函數(shù)分享
這篇文章主要介紹了JavaScript生成隨機(jī)數(shù)的4種自定義函數(shù)分享,本文講解了4種方法并同時(shí)給出4個(gè)代碼片段,需要的朋友可以參考下
2015-02-02
如何在微信小程序中使用less詳解(最優(yōu)方式)
這篇文章主要給大家介紹了關(guān)于如何在微信小程序中使用less(最優(yōu)方式)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-03-03
JS判斷來路是否是百度等搜索索引進(jìn)行彈窗或自動(dòng)跳轉(zhuǎn)的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS判斷來路是否是百度等搜索索引進(jìn)行彈窗或自動(dòng)跳轉(zhuǎn)的實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2016-10-10
JavaScript實(shí)現(xiàn)QueryString獲取GET參數(shù)的方法
本文為大家詳細(xì)介紹下如何通過JavaScript實(shí)現(xiàn)QueryString獲取GET參數(shù)，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
Makefile/cmake/node-gyp中區(qū)分判斷不同平臺(tái)的方法
今天小編就為大家分享一篇關(guān)于Makefile/cmake/node-gyp中區(qū)分判斷不同平臺(tái)的方法，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2018-12-12
使用原生JS添加進(jìn)場(chǎng)和退場(chǎng)動(dòng)畫詳解
總所周知啊，身為一個(gè)合格的前端搬磚工，會(huì)編寫并且添加一些基礎(chǔ)的動(dòng)畫效果可謂是比較基礎(chǔ)且輕車熟路的技能了。本文將教大家如何使用原生JS添加進(jìn)場(chǎng)和退場(chǎng)動(dòng)畫，感興趣的可以了解一下
2022-10-10
HTML DOM的nodeType值介紹
將HTML DOM中幾個(gè)容易常用的屬性做下記錄，需要的朋友可以參考下。
2011-03-03
js獲取瀏覽器和屏幕的各種寬度高度
本文主要介紹了js獲取瀏覽器和屏幕的各種寬度高度的方法，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02