本文首發(fā)自「慕課網(wǎng)」,想了解更多IT干貨內(nèi)容,程序員圈內(nèi)熱聞,歡迎關(guān)注!
作者|慕課網(wǎng)精英講師 然冬
基于 IEEE 754 標準的雙精度 64 位二進制格式的值(-(253 -1) 到 253 -1)。——MDN
在 Javascript 只有浮點數(shù)(可以理解成帶有小數(shù)點的數(shù))。
數(shù)字就是我們?nèi)粘J褂玫臄?shù)字,在 Javascript 中默認是十進制的。
10;-1;1.1;10.0;+0;-0;99999999;+1;代碼塊12345678
正數(shù)(大于零的數(shù))通常不需要在前面帶上 + 號, +1 和 1 是等價的。
使用 + 號很多情況下是為了把字符串轉(zhuǎn)換成數(shù)字:
var num = '123';num = +num;console.log(num, typeof(num));代碼塊12345
typeof 可以簡單理解成返回數(shù)據(jù)的類型,這里返回的是 number ,即表示為數(shù)字。
1. 其他進制數(shù)字1.1 二進制使用 0b 開頭的數(shù)字,就表示二進制。
可以在控制臺直接輸入內(nèi)容進行調(diào)試。
0b1012; // 報錯,因為二進制只有0與10b1111; // 15代碼塊123
1.2 八進制
0 開頭的則為八進制。
09; // 控制臺輸出的9是10進制的,因為八進制中沒有9,所以把09解析成了十進制中的9010; // 8代碼塊123
1.3 十六進制
十六進制用到的相對會多一些,例如在 three.js 中就會用到大量的使用十六進制表示的顏色。
0xffffff; // 用來表示白色0xa; // 10代碼塊1234
1.4 進制轉(zhuǎn)化
使用 toString 方法,在把數(shù)字轉(zhuǎn)換成字符串的同時,可以做進制的轉(zhuǎn)換。
(10).toString(2); // "1010"(8).toString(8); // "10"代碼塊12
在調(diào)用 toString 的時候,可以給定一個基數(shù)作為要轉(zhuǎn)換到的進制,范圍是 2 到 36 ,默認為 10 。
使用 parseInt 方法,也可以實現(xiàn)進制轉(zhuǎn)換。
如將二進制數(shù) 1010 轉(zhuǎn)換成十進制數(shù)字:
parseInt('1010', 2); // 10代碼塊1
parseInt 的第二個參數(shù)為進制基數(shù),表示第一個參數(shù)是幾進制的,返回值為 10 進制。
2. 最大值與最小值在 ES6 中,提供了兩個常量 Number.MAX_SAFE_INTEGER 與 Number.MIN_SAFE_INTEGER ,可以獲得到在 Javascript 可以表示的最大值與最小值(安全數(shù))。
安全整數(shù)范圍為 -(253 - 1)到 253 - 1 之間的整數(shù),包含 -(253 - 1)和 253 - 1 。
console.log(Number.MAX_SAFE_INTEGER); // 輸出:9007199254740991console.log(Number.MIN_SAFE_INTEGER); // 輸出:-9007199254740991代碼塊12
在 ES6 中沒必要自己去做比較,可以使用 Number.isSafeInteger() 方法判斷傳入的數(shù)字是不是一個安全數(shù)。
Number.isSafeInteger(11111111111111111111); // falseNumber.isSafeInteger(996); // true代碼塊123
3. 0.1 + 0.2 不等于 0.3問題
觀察控制臺可以看到, 0.1 + 0.2 === 0.3 是不成立的。
在計算機中,所有的內(nèi)容都是有二進制表示的,數(shù)字也不例外。
0.1 用二進制表示就是 0.00011001100110011(0011)… 之后就是括號內(nèi) 0011 的循環(huán)。
而 0.2 采用二進制表示就是0.001100110011(0011)…只有也是 0011 的循環(huán)。
而 Javascript 采用的數(shù)字規(guī)范最大只能操作 64 位的數(shù)字,也就是說雖然 0.1 與 0.2 表示成二進制是會無限循環(huán)的,但是在計算的時候終究要截斷。
其中這 64 位的分布,一位為符號位,整數(shù)占據(jù)十一位,剩下的五十二位都為小數(shù)位。
這樣就可以得到最后參與運算的值:
0.1 => 2-4 * 1.1001100110011001100110011001100110011001100110011010
0.2 => 2-3 * 1.1001100110011001100110011001100110011001100110011010
其實到這里已經(jīng)可以理解為什么是不一樣的了,因為精度的關(guān)系,無限循環(huán)的小數(shù)遭遇了截斷,而最終結(jié)果是截斷后的數(shù)據(jù)相加獲得的,那必定不會再等于0.3。
4. Infinity注意:這是一個??嫉拿嬖囶}。
Infinity 表示正無限大,也有負無限大 -Infinity 。
將 0 作為除數(shù)的時候會得到 Infinity 。
10 / 0; // Infinity-10 / 0; // -Infinity代碼塊12
比較有趣的是,當 Infinity 作為除數(shù)的時候,結(jié)果就會是 0 。
10 / Infinity; // 010 / -Infinity; // -0代碼塊12
5. NaN
NaN 即 Not A Number ,表示這個值不是一個數(shù)字。
NaN 基本不會被用到,通常會在兩種情況下得到:
- 計算錯誤
- 將字符串或其他類型轉(zhuǎn)換成數(shù)字失敗
1 - 'a'; // NaNparseInt('a'); // NaN代碼塊123
6. 其他小特性6.1 -0 等于 +0
0 是唯一一個正負相等的數(shù)字。
+0 === -0; // true代碼塊1
6.2 NaN 不等于 NaN
NaN 是唯一一個自己不等于自己的值。
NaN === NaN; // false代碼塊1
根據(jù)這一個特性,要判斷一個值是不是 NaN 就非常容易:
function isNaN(val) { return val !== val;}console.log(isNaN(1)); // 輸出:falseconsole.log(isNaN(NaN)); // 輸出: trueconsole.log(isNaN(1 - 'a')); // 輸出:true代碼塊1234567
6.3 window.isNaN 與 Number.isNaN
在 window 下有一個 isNaN 方法,在 Number 下也有一個 isNaN 方法。
這兩個方法區(qū)別在于, window.isNaN 會將傳入的參數(shù)轉(zhuǎn)換成數(shù)字,轉(zhuǎn)換結(jié)果為 NaN 就會返回 true ,而后者只有當傳入的值確定為 NaN 的時候,才會返回 true 。
這兩個方法可以根據(jù)需求選擇。
7. 小結(jié)在 Javascript 中,數(shù)字都是帶有小數(shù)位的數(shù),并且范圍是有限的。
因為精度問題,Javascript 的小數(shù)計算并不精確,這是非常需要注意的一點,同時這也是面試中常見的問題。
在新的 ECMAscript 版本中,提供了 BigInt 數(shù)據(jù)類型,可以表示無限大的整數(shù)。
歡迎關(guān)注「慕課網(wǎng)」,發(fā)現(xiàn)更多IT圈優(yōu)質(zhì)內(nèi)容,分享干貨知識,幫助你成為更好的程序員!