JavaScript棧內存和堆內存

棧內存和堆內存

JavaScript中的變量分爲基本類型和引用類型

基本類型是保存在棧內存中的簡單數據段，它們的值都有固定的大小，保存在棧空間，經過按值訪問

引用類型是保存在堆內存中的對象，值大小不固定，棧內存中存放的該對象的訪問地址指向堆內存中的對象，JavaScript不容許直接訪問堆內存中的位置，所以操做對象時，實際操做對象的引用

結合代碼與圖來理解

let a1 = 0; // 棧內存
let a2 = "this is string" // 棧內存
let a3 = null; // 棧內存
let b = { x: 10 }; // 變量b存在於棧中，{ x: 10 }做爲對象存在於堆中
let c = [1, 2, 3]; // 變量c存在於棧中，[1, 2, 3]做爲對象存在於堆中

當咱們要訪問堆內存中的引用數據類型時

1. 從棧中獲取該對象的地址引用
2. 再從堆內存中取得咱們須要的數據

基本類型發生複製行爲

let a = 20;
let b = a;
b = 30;
console.log(a); // 20

結合下面圖進行理解：

在棧內存中的數據發生複製行爲時，系統會自動爲新的變量分配一個新值，最後這些變量都是相互獨立互不影響的

引用類型發生複製行爲

let a = { x: 10, y: 20 }
let b = a;
b.x = 5;
console.log(a.x); // 5

1. 引用類型的複製，一樣爲新的變量b分配一個新的值，保存在棧內存中，不一樣的是，這個值僅僅是引用類型的一個地址指針
2. 他們兩個指向同一個值，也就是地址指針相同，在堆內存中訪問到的具體對象其實是同一個
3. 所以改變b.x時，a.x也發生了變化，這就是引用類型的特性
4. 結合下圖理解

總結