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

首先我們來看看這段代碼

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

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

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

裝箱：把基本數據類型轉化為對應的引用數據類型的操作

在《javascript高級程序設計》中有這樣一句話：

每當讀取一個基本類型的時候，后臺就會創建一個對應的基本包裝類型對象，從而讓我們能夠調用一些方法來操作這些數據。

還是拿最開始的例子

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

變量s1是一個基本類型值，它不是對象，它不應該有方法。但是js內部為我們完成了一系列處理（即裝箱），使得它能夠調用方法,實現的機制如下：

（1）創建String類型的一個實例；

（2）在實例上調用指定的方法；

（3）銷毀這個實例；

下面來看看代碼實現：

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

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

拆箱：將引用類型對象轉換為對應的值類型對象

拆箱：將引用類型對象轉換為對應的值類型對象

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

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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。