首先了解下傳統(tǒng)意義上的堆和棧

image.png

什么是堆？

可以把堆認(rèn)為是一個(gè)很大的內(nèi)存存儲(chǔ)空間，你可以在里面存儲(chǔ)任何類型數(shù)據(jù)。但是這個(gè)空間是私有的，操作系統(tǒng)不會(huì)管在里面存儲(chǔ)了什么，也不會(huì)主動(dòng)的去清理里面的內(nèi)容，因此在C語言中需要程序員手動(dòng)進(jìn)行內(nèi)存管理，以免出現(xiàn)內(nèi)存泄漏，進(jìn)而影響性能。

什么是棧？

棧是內(nèi)存中一塊用于存儲(chǔ)局部變量和函數(shù)參數(shù)的線性結(jié)構(gòu)，遵循著先進(jìn)后出的原則。數(shù)據(jù)只能順序的入棧，順序的出棧。當(dāng)然，棧只是內(nèi)存中一片連續(xù)區(qū)域一種形式化的描述，數(shù)據(jù)入棧和出棧的操作僅僅是棧指針在內(nèi)存地址上的上下移動(dòng)而已。

JS中數(shù)據(jù)在堆棧中的存儲(chǔ)

原始類型（String，Number，Boolean，Null，Undefined，BigInt）

數(shù)據(jù)本身是存在棧內(nèi)，例：

function () {
  let foo = 1;
  let bar = 2;
}

上面例子的棧的圖示如下：

image.png

對(duì)象類型(Function，Array，Object)

在棧中存的只是一個(gè)堆內(nèi)地址的引用，例：

function () {
  let foo = 1;
  let bar = 2;
  let obj = {
    a: 1,
    b: 2,
  }
}

上面例子的堆棧的圖示如下：

image.png

function生命周期結(jié)束后棧會(huì)從上到下出棧釋放內(nèi)存，堆中的內(nèi)存也會(huì)被自動(dòng)回收，這里堆的內(nèi)存并不需要我們?nèi)ナ謩?dòng)回收。