前言

在前端領(lǐng)域，因?yàn)榇蟛糠衷诟鶸I打交道，內(nèi)存管理是最容易被忽略的部分。如果不懂內(nèi)存，就看不清很多問(wèn)題的本質(zhì)，也難以寫(xiě)出更合格的代碼，本次帶大家走進(jìn)內(nèi)存的世界。

JS神奇的Number

案例一：金額的計(jì)算與傳遞

18.9 * 100
=1889.9999999999998

案例二：違背的數(shù)學(xué)定律

0.1 + 0.2 === 0.3
// false

(function (a, b, c) {
    return a + b + c === a + ( b + c )
})(0.1, 0.2, 0.3)
// false

案例三：無(wú)限循環(huán)的加法

(function (num) {
    while(true) {
        if (++num % 13 === 0) {
            return num
        }
    }
})(2 ** 53)

案例四：JSON.parse

JSON.parse('{"a":180143985094813214124}')
//{a: 180143985094813220000}

通過(guò)上面的四個(gè)案例我們可以看出，數(shù)字在計(jì)算機(jī)中運(yùn)算往往會(huì)給人帶來(lái)一些“驚喜”，要想防止這些意想不到的結(jié)果，我們首先要了解Number在Javascript中到底是怎么存儲(chǔ)的？

存儲(chǔ)數(shù)字

計(jì)算機(jī)是用二進(jìn)制來(lái)存儲(chǔ)數(shù)據(jù)的，所以數(shù)字也需要轉(zhuǎn)換成相應(yīng)二進(jìn)制： 000 或者 111 的不同組合序列。

二進(jìn)制如何轉(zhuǎn)換

如何將一個(gè)數(shù)字轉(zhuǎn)換成二進(jìn)制，這里舉個(gè)例子說(shuō)明一下：

把十進(jìn)制小數(shù) 106.6953125106.6953125106.6953125 轉(zhuǎn)換成二進(jìn)制

遇到小數(shù)轉(zhuǎn)換時(shí)，需要把整數(shù)和小數(shù)兩部分分別進(jìn)行處理，整數(shù) 106106106 除以 222 直到商是 000 為止，取每次除 222 得到的余數(shù)結(jié)果

106 / 2 = 53  ...... 0
53  / 2 = 26  ...... 1
26  / 2 = 13  ...... 0
13  / 2 = 6   ...... 1
6   / 2 = 3   ...... 0
3   / 2 = 1   ...... 1
1   / 2 = 0   ...... 1
結(jié)果為得到的余數(shù)按照從右往左排列   1101010

小數(shù) 0.69531250.69531250.6953125 乘以 222 直到不存在小數(shù)位為止，并計(jì)下每次乘后的整數(shù)位結(jié)果，

0.6953125 x 2 = 1.390625  ...... 1
0.390625  x 2 = 0.78125   ...... 0
0.78125   x 2 = 1.5625    ...... 1
0.5625    x 2 = 1.125     ...... 1
0.125     x 2 = 0.25      ...... 0
0.25      x 2 = 0.5       ...... 0
0.5       x 2 = 1         ...... 1
結(jié)果為得到的整數(shù)位按照從左往右排列   1011001

將計(jì)算后的 000 111 序列拼在一起就得到轉(zhuǎn)換的二進(jìn)制 1101010.10110011101010.10110011101010.1011001，用科學(xué)計(jì)數(shù)法表示為1.1010101011001∗261.1010101011001*2^61.1010101011001∗26，算出了二進(jìn)制，接下來(lái)需要將它存進(jìn)計(jì)算機(jī)中，在Javascript中不區(qū)分整數(shù)和小數(shù)，數(shù)字統(tǒng)一按照雙精度浮點(diǎn)數(shù)的要求來(lái)存儲(chǔ)，主要包含下面規(guī)則：

• 使用 8bytes(64bits)8bytes(64bits)8bytes(64bits) 存儲(chǔ)雙精度浮點(diǎn)數(shù)
• 存儲(chǔ)小數(shù)用科學(xué)計(jì)數(shù)法表示的數(shù)據(jù)
• 第一位表示符號(hào)，后 111111 位表示指數(shù)，指數(shù)按照補(bǔ)位運(yùn)算，即直接 102310231023 加指數(shù)位
• 剩余 525252 位表示小數(shù)點(diǎn)后的尾數(shù)，超過(guò) 525252 位的部分 000 舍 111 進(jìn)

由于指數(shù)位的 11 位不包括符號(hào)位，那么為了達(dá)到正負(fù)指數(shù)的效果，就引入了指數(shù)的偏移值。

用圖表示如下：

我們將轉(zhuǎn)換好的二進(jìn)制數(shù)按規(guī)則放進(jìn)內(nèi)存中，首先 106.6953125106.6953125106.6953125 是正數(shù)，所以符號(hào)位應(yīng)該為 111， 000 表示正號(hào)， 111 表示負(fù)號(hào)（圖片應(yīng)該為顯示 000，筆誤了）

二進(jìn)制 1.1010101011001∗261.1010101011001*2^61.1010101011001∗26 指數(shù)是 666（這里需要加上偏移量1023），轉(zhuǎn)成二進(jìn)制為 100000001011000000010110000000101，指數(shù)位要求放置二進(jìn)制的補(bǔ)碼，而補(bǔ)碼的計(jì)算規(guī)則是：

• 正數(shù)的補(bǔ)碼就是其本身
• 負(fù)數(shù)的補(bǔ)碼是在其原碼的基礎(chǔ)上, 符號(hào)位不變, 其余各位取反, 最后+1. (即在反碼的基礎(chǔ)上+1)

[+1] = [00000001]原 = [00000001]反

[-1] = [10000001]原 = [11111110]反

所以圖片指數(shù)位應(yīng)該填

尾數(shù)位部分直接將小數(shù)轉(zhuǎn)換后的二進(jìn)制填入即可

數(shù)字最后就是以這樣的形式存入計(jì)算機(jī)中

why 0.1 + 0.2 !== 0.3?

在理解數(shù)字存儲(chǔ)的原理后，我們?cè)賮?lái)分析下為什么 0.1+0.2!==0.30.1 + 0.2 !== 0.30.1+0.2!==0.3

首先將 0.10.10.1 0.20.20.2 0.30.30.3 分別轉(zhuǎn)換成二進(jìn)制

0.1 x 2 = 0.2  ...... 0
0.2 x 2 = 0.4  ...... 0
0.4 x 2 = 0.8  ...... 0
0.8 x 2 = 1.6  ...... 1
0.6 x 2 = 1.2  ...... 1
0.2 x 2 = 0.4  ...... 0
0.4 x 2 = 0.8  ...... 0
0.8 x 2 = 1.6  ...... 1
0.6 x 2 = 1.2  ...... 1
得到的整數(shù)位按照從左往右排列   000110011...

0.1→0.00011(0011)∞

0.2 x 2 = 0.4  ...... 0
0.4 x 2 = 0.8  ...... 0
0.8 x 2 = 1.6  ...... 1
0.6 x 2 = 1.2  ...... 1
0.2 x 2 = 0.4  ...... 0
0.4 x 2 = 0.8  ...... 0
0.8 x 2 = 1.6  ...... 1
0.6 x 2 = 1.2  ...... 1
0.2 x 2 = 0.4  ...... 0
得到的整數(shù)位按照從左往右排列   001100110...

0.2→0.00110(0110)∞

0.3 x 2 = 0.6  ...... 0
0.6 x 2 = 1.2  ...... 1
0.2 x 2 = 0.4  ...... 0
0.4 x 2 = 0.8  ...... 0
0.8 x 2 = 1.6  ...... 1
0.6 x 2 = 1.2  ...... 1
0.2 x 2 = 0.4  ...... 0
0.4 x 2 = 0.8  ...... 0
0.8 x 2 = 1.6  ...... 1
得到的整數(shù)位按照從左往右排列   010011001...

0.3→0.01001(1001)∞

統(tǒng)一用科學(xué)計(jì)數(shù)法表示為

0.1→0.00011(0011)∞→1.(1001)∞∗2⁻⁴

0.2→0.00110(0110)∞→1.(1001)∞∗2⁻³

0.3→0.01001(1001)∞→1.(0011)∞∗2⁻²

放入計(jì)算機(jī)中雙精度浮點(diǎn)數(shù)存儲(chǔ)，最后的紅色表示超過(guò)尾數(shù)位的二進(jìn)制，即需要做舍0進(jìn)1處理

則經(jīng)過(guò)64位雙精度存儲(chǔ)后，二進(jìn)制如下表示
0.1→0−01111111011−(1001)₁₂1010

0.2→0−01111111100−(1001)₁₂1010

0.3→0−01111111101−(0011)₁₂0011

此時(shí) 0.1+0.20.1 + 0.20.1+0.2 可以看出與 0.30.30.3 不相等

這就是數(shù)字在計(jì)算機(jī)中運(yùn)算往往會(huì)給人帶來(lái)一些“驚喜”！

總結(jié)

到此這篇關(guān)于JS中內(nèi)存與變量存儲(chǔ)的文章就介紹到這了,更多相關(guān)JS內(nèi)存與變量存儲(chǔ)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！