前言

大家好，我是林三心，用最通俗易懂的話講最難的知識點(diǎn)是我的座右銘，基礎(chǔ)是進(jìn)階的前提是我的初心。

在我們的認(rèn)知里：基礎(chǔ)類型存棧內(nèi)存，引用數(shù)據(jù)類型存堆內(nèi)存。

const a = '林三心'
const b = {
    age: 18,
    height: 180
}

圖片

超長字符串

大家都知道，字符串屬于基礎(chǔ)類型，所以大家會覺得字符串是存在棧內(nèi)存中的，但是大家要知道，V8默認(rèn)棧內(nèi)存是984Kib，那如果一個超長字符串 > 984Kib能裝的進(jìn)棧內(nèi)存嗎？這也就是一個比較經(jīng)典的問題——大象裝箱問題，試問：一頭大象能裝進(jìn)一個小箱子里嗎？

圖片

一探究竟

堆快照

先來看一段代碼

const func = function() {
  this.str1 = '林三心'
  this.str2 = 'Sunshine_Lin'
}

const a = new func()
const b = new func()

然后咱們來看看堆快照的詳情

圖片

上面的結(jié)果可以看出：

• a 和 b的str1都指向同一個地址
• a 和 b的str2都指向同一個地址

那我們可不可以猜測出一個結(jié)論：字符串的內(nèi)容存于堆內(nèi)存中，指針存于棧內(nèi)存中，且相同的字符串指向同一個堆內(nèi)存地址

修改和新增字符串

我們稍微修改下代碼

const func = function() {
  this.str1 = '林三心'
  this.str2 = 'Sunshine_Lin'
}

const a = new func()
const b = new func()

// 修改str1
a.str1 = '哈哈哈哈哈哈哈哈哈哈'
// 新增str3，跟str2一樣
a.str3 = 'Sunshine_Lin'

再來看看現(xiàn)階段的堆快照的詳情

圖片

上面的結(jié)果可以看出：

• str1修改成一個新的字符串后，重新開辟了一個內(nèi)存空間（新地址）
• str3新增之后，指針指向已有的Sunshine_Lin的內(nèi)存空間

那我們可不可以猜測出一個結(jié)論：新增或者修改字符串后，如果是一個之前不存在的字符串，則新開辟內(nèi)存空間，如果是已有的，則直接使用已有的內(nèi)存空間

源碼分析

當(dāng)我們聲明一個字符串時(shí)：

• 1、v8內(nèi)部有一個名為stringTable的hashmap緩存了所有字符串，在V8閱讀我們的代碼，轉(zhuǎn)換抽象語法樹時(shí)，每遇到一個字符串，會根據(jù)其特征換算為一個hash值，插入到hashmap中。在之后如果遇到了hash值一致的字符串，會優(yōu)先從里面取出來進(jìn)行比對，一致的話就不會生成新字符串類。
• 2、緩存字符串時(shí)，根據(jù)字符串不同采取不同hash方式。

圖片

源碼

圖片

圖片

通俗易懂總結(jié)

字符串的數(shù)據(jù)存于 堆內(nèi)存 中，棧內(nèi)存 中只是存其 地址指針

當(dāng)我們新建一個字符串時(shí)，V8會從內(nèi)存中查找一下是否已經(jīng)有存在的一樣的字符串，找到的話直接復(fù)用。如果找不到的話，則開辟一塊新的內(nèi)存空間來存這個字符串，并把地址賦給變量。

大家有沒有想過，為什么字符串不能通過下標(biāo)索引來進(jìn)行修改呢？因?yàn)樽址男薷谋举|(zhì)上只能是通過整個的修改，而不能局部修改。