JavaScript中的數(shù)字值

JavaScript中的數(shù)字運算大概是最讓人迷惑的了,我看過許多講述JS怪異之處的資料都會舉一個列子:

0.1 + 0.2; // 0.30000000000000004

除了跟風喊幾句什么鬼之外,讓我們一起來探索一下隱藏在背后的東西。在計算機的世界,有果必有因。

首先要明確一個概念,JavaScript中的所有數(shù)字都是浮點數(shù),并且是符合IEEE754標準的雙精度浮點數(shù)。一般我們看到的類似整數(shù)的東西其實都是浮點數(shù),只不過是小數(shù)點后沒有數(shù)字,不顯示小數(shù)部分而已。

數(shù)字字面量

盡管語言內(nèi)部表示只有浮點數(shù),但數(shù)字字面量表示還是可以有整數(shù)和浮點數(shù)的。因此我們可以直接輸入35,而不用35.0來表示這個數(shù)字。

JS中的數(shù)字還有幾個特殊值:

  • 表示錯誤的值:NaN和Infinity
  • 用于某些數(shù)學計算的+0和-0

這幾個特殊值很容易讓人摸不清頭腦,他們本身也有許多反直覺的地方,且讓我細細道來。

NaN

它是Not A Number的縮寫,表示值不是數(shù)字。比如嘗試將'aa'解析為數(shù)字:

 Number('aa');  // NaN

看起來好像很簡單,但這里有不少陷阱,一不小心就會給你帶來難以察覺的bug。首先雖然NaN表示的是不是數(shù)字,但如果我們用typeof檢查它自身的類型:

 typeof NaN;  //Number

表示不是數(shù)字的東西自身卻是個數(shù)字,這個邏輯讓我不敢直視。

然后如果我們嚴格比較兩個NaN:

NaN === NaN  //false

好吧,明明是一樣的東西,類型也同是Number,居然是不相等的!NaN也是JS中唯一一個不等于自身的值。所有要判斷某個值是否是NaN不能直接比較,而要用原生的isNaN方法:

isNaN(NaN);  //true

這還沒有完,如果你將非數(shù)字字面量傳入isNaN方法,你很可能得到的時true!

isNaN('aaa');  //true

可'aaa'明明不是NaN??!這是因為'aaa'先被隱性轉換成數(shù)字,然后再傳入isNaN,也就是類似:

isNaN(Number('aaa'));

前面提過,Number('aaa')的結果是NaN,所以isNaN自然為true。要躲過這個陷阱,必須在判斷時多加一個判斷是否是數(shù)字的條件:

if (typeof value === 'number' && isNaN(value))

還有一個更簡單的方法,利用前面提到的NaN是唯一一個不和自己相等的東西:

if (value !== value)

于是只要value是NaN,這里就一定為true,其他情況則一律為false。

Infinity

再來看看Infinity,這個值通常用來表示一個超出表示范圍的值,當一個數(shù)字除0的時候也會返回Infinity。Infinity同樣有+Infinity和-Infinity。比起NaN,Infinity要友善的多,你可以直接用===來判斷,也可以用內(nèi)置的isFinite()來做判斷。

+0/- 0

最后再來看看正零和負零。這樣反常識的表示方法在某些數(shù)學運算領域是很有用的,比如在表示趨于零的極限時,正零和負零可以幫助我們表示趨近的方向。但一般情況下,我們可粗略的認為只有一個0,不需要做特別的區(qū)分。

(-0).toString()  //'0'     (+0).toString()  //'0'

數(shù)字的內(nèi)部表示

本文的開頭說過,JavaScipt中的所有數(shù)字都是64位的雙精度浮點數(shù)。這里我們就來詳細看看這種浮點數(shù)在內(nèi)部是如何表示的,以及這種表示方法的一些問題和局限。

JS中的浮點數(shù)由三部分組成:

  • 符號占1位
  • 指數(shù)部分占11位
  • 小數(shù)部分占52位

這三部分加起來就是64位了。


64位浮點數(shù)的內(nèi)部表示
64位浮點數(shù)的內(nèi)部表示

而計算機內(nèi)部都是二進制實現(xiàn)的,所以數(shù)字計算公式為:

(–1)sign × %1.fraction × 2exponent

%表示二進制。

這樣的表示方法有什么問題呢?這就是開篇提出的那個例子:

0.1 + 0.2; // 0.30000000000000004

更奇怪的是,按常識我們都知道加法的結合律,既(a+b)+c = a+(b+c)。但在JS中這個公里不成立:

(0.1 + 0.2) + 0.3; // 0.6000000000000001     0.1 + (0.2 + 0.3); // 0.6

讓我們來詳細探討一下這個問題是怎么產(chǎn)生的。我們先來看看我們習慣使用的十進制。十進制的小數(shù)可以用分數(shù)的形式表示:m/10^e

可以看到,分母部分都是十的次方。十進制也有不能精確表示的分數(shù),比如1/3就不能被精確表示。這是因為分母不含3,因此必然無法表示為10^e。

再來看二進制,同樣的分數(shù)表示法,只不過分母是2的次方而已。因此我們可以得出結論,只要分母部分不是2的次方的,都無法精確表示為2^e:

0.5dec = 5/10 = 1/2 = 01bin
0.75dec = 75/100 = 3/4 = 0.11bin

0.1dec = 1/10 = 1/2X5
0.2dec = 2/10 = 1/5

現(xiàn)在你明白為什么 0.1 + 0.2是0.30000000000000004了吧。我們在console里看到的0.1并不是完整的內(nèi)部表示,稍微做點處理就能看到內(nèi)部表示了:

0.1 * Math.pow(10, 24)  //1.0000000000000001e+23

那么在需要精確計算的時候有什么方法嗎?有的,那就是使用整數(shù)。整數(shù)沒有小數(shù)部分的舍入問題,可以準確地被表示。例如在金融方面,可以按最小單位的整數(shù)來表示錢。比如0.55元表示為55分,按55來進行計算。

另外也要注意,直接比較小數(shù)可能會帶來不可知的結果,最好使用Machine_epsilon來進行比較:

var EPSILON = Math.pow(2, -53);
function epsEqu(x, y) {    
  return Math.abs(x - y) < EPSILON;
}

整數(shù)

前面說過,JS中并不存在真正的整數(shù)。整數(shù)都是用浮點數(shù)表示的,但是要注意有一處例外的地方,那就是位運算。JS中的位運算會先將數(shù)字轉換為32位整數(shù),運算完成后返回的結果也是32位整數(shù)。

另外,由于整數(shù)是由浮點數(shù)表示的,這里有一個安全整數(shù)的概念。JS中的安全整數(shù)指的是范圍在(?253, 253)內(nèi)的整數(shù)。我們說他們是安全的,是因為在這個范圍內(nèi)可以保證每個整數(shù)只有一個對應的浮點數(shù)表示形式。超過這個范圍則會出現(xiàn)多個浮點表示形式。因此在JS中做整數(shù)運算時,最好保證運算的整數(shù)都在這個安全范圍之內(nèi)。一定要處理大整數(shù)的話必須依賴相應的類庫,否則結果很可能不準確。

在寫完這篇文章之后,JS之父Brendan Eich透露了在ES7中會支持64位大整數(shù)。JS漸漸擺脫了玩具語言的束縛,向更廣闊的天地出發(fā)了。跟上了,程序員。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,362評論 6 544
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,577評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,486評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,852評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,600評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,944評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,944評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,108評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,652評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,385評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,616評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,111評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,798評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,205評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,537評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,334評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,570評論 2 379

推薦閱讀更多精彩內(nèi)容

  • 在編程中我們總要進行一些數(shù)學運算以及數(shù)字處理,尤其是浮點數(shù)的運算和處理,這篇文章主要介紹C語言下的數(shù)學庫。而其他語...
    歐陽大哥2013閱讀 5,286評論 0 12
  • 什么是 JavaScript 語言? JavaScript 是一種輕量級的腳本語言。所謂“腳本語言”(script...
    oWSQo閱讀 1,804評論 0 1
  • 整數(shù)和浮點數(shù) 規(guī)則在JavaScript語言的底層,根本沒有整數(shù),所有數(shù)字都是小數(shù)(64位浮點數(shù))JavaScri...
    素彌閱讀 1,088評論 0 0
  • 好吧,本來想理解理解js數(shù)字存儲原理的。看來我還是嫩,只有先記下一些重要的先了。參考鏈接:http://javas...
    jxnu薛哥閱讀 318評論 0 2
  • 在人間,有誰活得不像一是一場煉獄,我不哭,我已沒有尊嚴能放棄! 我們不一樣,每個人都有不同的際遇,我們在這里,在這...
    鐵血阿飛閱讀 890評論 0 2