JavaScript資料型別分為：
| 分類 | 型別 |
|---|---|
| 原始資料型別（7種） | Number、String、Boolean、Null、Undefined、Symbol、BigInt |
| 引用資料型別 | Object |
先看兩段程式碼
let num = 1;
let data = num;
data = 2;
console.log('num : ' + num);//num : 1
let obj = {
name : 'obj'
}
let data = obj;
data.name = 'data';
console.log('obj.name : ' + obj.name);//obj.name : data
出現這種情況是由於JavaScript中原始資料型別和引用資料型別儲存的方式不同導致
這裡要引入兩個概念：棧和堆
| 儲存方式 | 優點 | 缺點 |
|---|---|---|
| 棧(stack) | 儲存大小固定，且具有後進先出的線性操作功能,便於對儲存中的資料進行操作 | 儲存容量小 |
| 堆(heap) | 儲存容量大 | 儲存大小不固定，在不知道記憶體地址時不易操作儲存中的資料 |
注：這裡的優缺點只是相對而言
再看看
| 分類 | 特點 |
|---|---|
| 原始資料型別 | 需要記憶體大小固定 |
| 引用資料型別 | 需要記憶體大小不固定 |
所以原始型別是儲存在棧中的
let num = 1;
let data = num;
data = 2;
console.log('num : ' + num);//num : 1
具體流程如下：
1.在棧中開闢一塊記憶體並將值1儲存於其中，宣告變數num，使num指向新開闢的這塊記憶體地址；
2.在棧中再開闢一塊記憶體，將變數num指向的記憶體中的值複製到新開闢的記憶體中，宣告變數data，使data指向新開闢的這塊記憶體地址；
3.將變數data指向的記憶體中的值置換為2；
4.輸出變數num指向的記憶體中儲存的值。
如圖：
引用資料型別的資料儲存在堆中 同時又把儲存在堆中的資料所處的地址值儲存到棧中
let obj = {
name : 'obj'
}
let data = obj;
data.name = 'data';
console.log('obj.name : ' + obj.name);//obj.name : data
具體流程如下：
1.在堆中開闢一塊記憶體，將物件儲存於其中，再在棧中開闢一塊記憶體，將新開闢的記憶體的地址值儲存到棧中，宣告變數obj，使obj指向棧中新開闢的這塊地址值；
2.在棧中再開闢一塊記憶體，將obj指向的記憶體中的值複製到新開闢的記憶體中來，宣告變數data，使data指向新開闢的這塊記憶體地址；
3.通過變數data指向的棧記憶體中儲存的堆記憶體的地址值，修改堆中資料的name屬性為data；
4.輸出變數obj指向的棧記憶體中儲存的堆記憶體的地址值中的資料name屬性的值。
如圖：
還有有個補充的
let obj = {
name : 'obj'
}
let data = obj;
data = {
name : 'data'
}
console.log('obj.name : ' + obj.name);//obj.name : obj
具體流程如下：
1.在堆中開闢一塊記憶體，將物件儲存於其中，再在棧中開闢一塊記憶體，將新開闢的記憶體的地址值儲存到棧中，宣告變數obj，使obj指向棧中新開闢的這塊地址值；
2.在棧中再開闢一塊記憶體，將obj指向的記憶體中的值複製到新開闢的記憶體中來，宣告變數data，使data指向新開闢的這塊記憶體地址；
3.在堆中開闢一塊記憶體，將物件儲存於其中，將新開闢的記憶體的地址值儲存到變數data指向棧中地址值；
4.輸出變數obj指向的棧記憶體中儲存的堆記憶體的地址值中的資料name屬性的值。
如圖：
