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
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。
相關文章:
1. React+umi+typeScript創建項目的過程2. ASP調用WebService轉化成JSON數據,附json.min.asp3. php測試程序運行速度和頁面執行速度的代碼4. php網絡安全中命令執行漏洞的產生及本質探究5. ASP.NET Core 5.0中的Host.CreateDefaultBuilder執行過程解析6. 無線標記語言(WML)基礎之WMLScript 基礎第1/2頁7. Warning: require(): open_basedir restriction in effect,目錄配置open_basedir報錯問題分析8. ASP中常用的22個FSO文件操作函數整理9. SharePoint Server 2019新特性介紹10. 三個不常見的 HTML5 實用新特性簡介
