深入理解JavaScript中的簡單類型（基本數據類型）與復雜類型（引用數據類型）如何在內存中存儲對于編寫高效、無誤的代碼至關重要。本文將探討這兩種類型的差異，以及它們在內存中的存儲機制——棧（Stack）和堆（Heap），并通過實例說明這些概念的實際應用。
內存基礎：棧與堆
棧（Stack）
棧是一種后進先出（LIFO, Last In First Out）的數據結構，通常用于存儲函數調用信息和局部變量。由于其結構特性，棧操作非常快速且直接，訪問棧頂元素的時間復雜度為O(1)。
- 特點：
- 存儲簡單類型值。
- 每個線程擁有獨立的棧空間。
- 固定大小，分配速度快。
堆（Heap）
堆是一種動態分配的內存區域，適合于存儲大小不固定的對象或需要長期存在的數據。與棧不同，堆上的數據沒有特定的順序，因此訪問速度較慢，但靈活性更高。
- 特點：
- 存儲復雜類型值。
- 所有線程共享同一塊堆內存。
- 動態分配，管理相對復雜。
簡單類型 vs 復雜類型
簡單類型（基本數據類型）
JavaScript中有六種簡單類型：
undefinednullbooleannumberstringsymbol?(ES6新增)
特性
-
按值傳遞：當簡單類型的值被作為參數傳遞給函數時，實際上是創建了一個副本，這意味著對參數的任何修改都不會影響原始值。
function changeValue(x) {x = 10; } let a = 5; changeValue(a); console.log(a); // 輸出: 5 -
存儲位置：簡單類型的值直接存儲在棧中，占用固定大小的空間。
復雜類型（引用數據類型）
常見的復雜類型包括：
ObjectArrayFunction- 其他自定義對象
特性
-
按引用傳遞：當一個復雜類型的值被作為參數傳遞給函數時，傳遞的是該對象的引用地址而不是副本。因此，在函數內部對該對象所做的任何更改都會反映到原始對象上。
function modifyObject(obj) {obj.name = "World"; } let obj = { name: "Hello" }; modifyObject(obj); console.log(obj.name); // 輸出: World -
存儲位置：復雜類型的值實際存儲在堆中，而棧中僅保存指向堆內存的引用地址。
實際案例分析
案例1：簡單類型的比較
let num1 = 10;
let num2 = 10;
console.log(num1 === num2); // 輸出: truelet str1 = "test";
let str2 = "test";
console.log(str1 === str2); // 輸出: true在這個例子中，num1和num2、str1和str2都存儲了相同的值，并且因為它們是簡單類型，所以比較結果為true。
案例2：復雜類型的比較
let arr1 = [1, 2, 3];
let arr2 = [1, 2, 3];
console.log(arr1 === arr2); // 輸出: falselet obj1 = { key: "value" };
let obj2 = obj1;
console.log(obj1 === obj2); // 輸出: true這里，arr1和arr2雖然包含相同的內容，但由于它們是不同的對象實例，各自的引用地址不同，所以比較結果為false。而obj1和obj2指向同一個對象，因此比較結果為true。
案例3：淺拷貝 vs 深拷貝
由于復雜類型是按引用傳遞的，直接賦值不會復制對象本身，而是復制了引用。為了創建對象的獨立副本，我們需要使用深拷貝技術。
let original = { a: 1, b: { c: 2 } };
let shallowCopy = Object.assign({}, original);
let deepCopy = JSON.parse(JSON.stringify(original));original.b.c = 3;console.log(shallowCopy.b.c); // 輸出: 3
console.log(deepCopy.b.c); // 輸出: 2此示例展示了淺拷貝（shallowCopy）只復制了頂層屬性的引用，而深拷貝（deepCopy）則完全復制了整個對象樹。
總結
感謝您的閱讀！如果你有任何問題或想分享自己的經驗，請在評論區留言交流！
