重识JavaScript（二）

柔光的暖阳◎ 2022-07-15 07:18 169阅读 0赞

重识JavaScript（二）

# Number类型 #

#     #

根据规范，在JavaScript中，Number是“使用IEEE754格式表示的双精度64位数值”，当然这会导致一些非常有趣的事情。在JavaScript中，没有Integer的概念，所以如果你习惯了C或者Java的算术运算，在JavaScript中你必须格外小心！当然，你也必须要格外小心下面这种运算：

0.1 + 0.2 == 0.30000000000000004

通常情况，integer被当成32位的int，一些惯用的实现方式也将其以这种方式来存储，但一旦涉及到仅在Number在有效的一些指令运算，他们将转换为64为的双精度类型，这一点对于一些要求准确的位运算场景来说至关重要。

像大多数语言一样，JavaScript支持标准的算术运算符：加、减、取余等等。JavaScript包含了一个内嵌的对象 [`Math`][Math] ，Math对象提供了很多用于算术计算的对象和函数：

Math.sin(3.5);
    var circumference = Math.PI * (r + r);

在一些较老版本的浏览器中，以0开始的字符串会被认为是八进制，但13年之后，这种情况就不会再产生了。如果你不是特别确认你所定义的字符串格式，那么在这些老的浏览器上，你可能会得到一些奇怪的结果，比如下面的这个例子：

parseInt("010");  //  8
    parseInt("0x10"); // 16</span>

在上面这个例子中，我们使用了 [`parseInt()`][parseInt]  ，因为第一个字串以0开头，所以parseInt函数将其当成了八进制来解析，而第二个字串以0x开头，所以parseInt将其认为是16进制。在新的浏览器解析规则中，16进制规则还在，8进制已经被取消了。如果你需要将一个二进制字串转换成integer型，使用下面这种方式：

parseInt("11", 2); // 3

类似的，如果你想对浮点数进行转换，你可以使用内置函数 [`parseFloat()`][parseFloat] 与 [`parseInt()`][parseInt] 不同的是： [`parseFloat()`][parseFloat]  使用使用十进制进行转换。

当然，你也可以使用一元运算符来实现类似转换功能，比如下面这种方式：

+ "42";   // 42
    + "010";  // 10
    + "0x10"; // 16

如果您的字串为非数字类型，即无法转换为数值型，JavaScript会返回一个NaN（Not a Number）

parseInt("hello", 10); // NaN

在JavaScript中，NaN绝逼是一个非常魔性的存在，任何数字与其运算结果都是NaN

NaN + 5; // NaN

你可以使用内置函数 [`isNaN()`][isNaN]  来判断其是否为NaN：

isNaN(NaN); // true

JavaScript还提供两个特殊的数值正负无穷大： [`Infinity`][Infinity]  and  `-Infinity：`

1 / 0; //  Infinity
    -1 / 0; // -Infinity

你可以使用内置函数 [`isFinite()`][isFinite]  来判断一个值是否为正负无穷大。

isFinite(1/0); // false
    isFinite(-Infinity); // false
    isFinite(NaN); // false

注意：针对parseInt()与parseFloat()这两个函数与一元运算符的区别如下：parse方法将整个字串解析直到遇见一个非法的数字字符，然后将结果返回，而一元运算符“+”如果无法成功将字串转换为数字，则直接返回一个NaN，为了更好的理解这两者的区别，你可以参考以下示例：

![Center][]

[Math]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math
[parseInt]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt
[parseFloat]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseFloat
[isNaN]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isNaN
[Infinity]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity
[isFinite]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isFinite
[Center]: /images/20220715/1d1fe5092e25478da1ad02940186dfed.png