# Day JavaScript boxing / unboxing
## boxing:
**封裝可以讓原始型態的資料暫時轉成物件**，這樣他才可以使用屬性或方法。
遇到**使用字面值(literal)**[註1]的原始型態資料後面接了一個方法時，JS 會自動幫他封裝(boxing)，讓字面值能有屬性或方法可用。
但如果使用 new 去建立原始型態的資料，因為會建立出物件，所以就不會用到封裝了。

假設我宣告一個變數 a，將字串"abc"賦值給他，接著執行一個 substring 方法，照理說原始型態的資料不能使用屬性或方法才對，只有物件才能使用，所以這時候在 JS 就會發生 boxing。

boxing 會偷偷做以下三件事：
1. 當 JS 發現 substring() 方法前面的 a 不是物件，他會自動用 new 這個運算符幫字串 "abc" 建立一個 b 物件。
2. 因為 b 是物件，所以可以使用方法，接著讓 b 物件使用 substring() 方法。
3. 用完後把 b 物件 給刪除，最後只留下原本的 a 常數。

const a = "abc"
a.substring()

[註1]
literal:字面上的意思，用某種符號去代表那個東西。
{ }、[ ]、" "、' ' 都是 literal，分別代表物件、陣列以及字串。

ex:如果我想建立一個陣列出來分別可用兩種方式建立：
- 用 literal 方式：let a = [ ]
[ ] 就是一個符號，用來代表 array，把 a 指向 [ ]
- 用正規方式：let a = new Array()
用 new 會建立一個 a 物件，把 a 物件指向 [ ]

## unboxing:
**解封裝就是將他從物件轉回原始型態。**
可以用 valueOf() 或是 toString()方法讓他轉回來。

// 建立一個 s 物件，指向字串'Hello World!'
const s = new String('Hello World!')
// 印出 s 的型態是 object
console.log(typeof s)
// 印出 s 的值的型態是 string
console.log(typeof(s.valueOf()))
// 直接把 s 從物件轉回字串，印出 string
console.log(typeof(s.toString()))

---
### 參考資料：
[你懂 JavaScript 嗎？#7 原生功能（Natives）](https://ithelp.ithome.com.tw/articles/10201303)
[What is boxing and unboxing in JavaScript?](https://www.programmersought.com/article/20475097431/)
[JavaScript装箱及拆箱boxing及unBoxing用法解析](https://www.jb51.net/article/188684.htm)

###### tags: `13th鐵人賽` `網頁前後端寶石庫-礦坑補完計畫`