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