发布于 由admin

深入探讨 JavaScript NaN 和 typeof NaN 的特殊行为，并解释 IEEE 754 双精度浮点数标准对 JavaScript 数字类型的影响和限制。

各位观众老爷，晚上好！我是今天的主讲人，咱们今天聊聊JavaScript里一个让人头疼，但又不得不面对的小妖精——NaN。

NaN：一个“非数”的哲学思辨

首先，NaN，全称“Not a Number”，听起来就很矛盾。既然“不是一个数字”，那它到底是个啥？JavaScript里，它是一种特殊的数值类型，表示一个本来应该返回数值的操作数未返回数值的情况（这样说是不是更绕了？）。

举个栗子：

console.log(0 / 0);      // NaN
console.log(Math.sqrt(-1)); // NaN
console.log(Number('abc'));  // NaN
console.log(parseInt('hello', 10)); // NaN

这些操作，从数学角度讲，是无意义的，或者说是无法计算出明确的数值结果。所以，JavaScript就用NaN来告诉你：“哥们儿，算不出来啊！”

NaN 的“反社会”特性

NaN最让人崩溃的，就是它跟任何值都不相等，包括它自己！

console.log(NaN == NaN);    // false
console.log(NaN === NaN);   // false

这简直是编程界的“社恐”，谁也不理，自己跟自己都过不去。正因为这个特性，我们不能用==或===来判断一个值是否为NaN，而要用isNaN()函数。

console.log(isNaN(NaN));    // true
console.log(isNaN(0 / 0));  // true
console.log(isNaN('hello')); // true  (注意：这里会发生类型转换)
console.log(isNaN(123));    // false

注意！isNaN()函数有点狡猾。 它会先尝试把传入的值转换为数值，然后再判断是不是NaN。如果转换失败，或者转换后的值是NaN，它就返回true。所以，用isNaN()判断字符串的时候要小心，它可能给你意想不到的结果。

例如：

console.log(isNaN('123')); // false 因为 '123' 可以转换为数字 123
console.log(isNaN('123a')); // true 因为 '123a' 不能安全转换为数字

Number.isNaN()：更靠谱的选择

ES6 引入了一个更靠谱的函数：Number.isNaN()。它只在参数是NaN的时候才返回true，不会进行类型转换。

console.log(Number.isNaN(NaN));    // true
console.log(Number.isNaN(0 / 0));  // true
console.log(Number.isNaN('hello')); // false
console.log(Number.isNaN('123'));  // false

所以，在判断一个值是否为NaN的时候，推荐使用Number.isNaN()，避免isNaN()的类型转换带来的困扰。

typeof NaN：一个“数字”的身份危机

好了，现在我们知道了NaN是个“非数”，那它的类型是什么呢？

console.log(typeof NaN); // "number"

没错，typeof NaN的结果是"number"。这简直是侮辱智商！一个“非数”竟然是“数字”类型？

这就要涉及到JavaScript的底层实现和IEEE 754标准了。

IEEE 754：浮点数的幕后黑手

JavaScript的数字类型是基于IEEE 754双精度浮点数标准来实现的。这个标准定义了如何在计算机中表示浮点数，包括正数、负数、零、无穷大（Infinity）和NaN。

浮点数的表示方式

IEEE 754 双精度浮点数使用 64 位来表示一个数值，这 64 位被分为三个部分：

  • 符号位（Sign）： 1 位，表示正负号（0 表示正数，1 表示负数）。
  • 指数位（Exponent）： 11 位，表示指数部分。
  • 尾数位（Mantissa/Significand）： 52 位，表示尾数部分（也称为有效数字）。

这三个部分组合起来，表示的数值大概是这样的：

(-1)^Sign * (1 + Mantissa) * 2^(Exponent - Bias)

其中Bias是一个偏移量，用于表示负指数。对于双精度浮点数，Bias的值是1023。

特殊数值的表示

IEEE 754 定义了一些特殊的数值，包括：

  • 零： 指数位和尾数位都为零。分为正零（+0）和负零（-0）。
  • 无穷大： 指数位全为 1，尾数位为零。分为正无穷大（+Infinity）和负无穷大（-Infinity）。
  • NaN： 指数位全为 1，尾数位不为零。

NaN的多种形式

IEEE 754 允许有多种不同的NaN值，只要指数位全为 1，尾数位不为零即可。不同的NaN值可以用来表示不同的错误情况，但JavaScript并没有区分这些NaN值，都统一用NaN表示。

JavaScript 对 IEEE 754 的实现

JavaScript 严格遵循 IEEE 754 标准来表示数字。因此，NaN 作为一种特殊的数值，被归类为 "number" 类型。 虽然 NaN 代表一个无效的数值结果，但它仍然占据着数值类型的一个位置。

为什么 typeof NaN 是 "number"？

主要原因有以下几点：

  1. 历史原因： JavaScript 在早期设计时，就将所有数值都视为 "number" 类型，包括 NaN。 这种设计可能简化了底层的实现，但却造成了概念上的混乱。
  2. IEEE 754 标准： NaN 是 IEEE 754 标准中定义的一种特殊数值。 JavaScript 遵循该标准，因此 NaN 自然被归类为 "number" 类型。
  3. 类型系统的简化： 如果 NaN 被定义为一种新的类型，例如 "NaN"， 那么 JavaScript 的类型系统将会更加复杂。 为了保持类型系统的简洁性，JavaScript 选择了将 NaN 归类为 "number" 类型。

浮点数的精度问题

由于 IEEE 754 使用有限的位数来表示浮点数，因此存在精度问题。有些十进制小数无法精确地用二进制浮点数表示，这会导致计算结果出现误差。

console.log(0.1 + 0.2); // 0.30000000000000004

这个结果并不是我们期望的 0.3，而是 0.30000000000000004。 这是因为 0.1 和 0.2 无法精确地用二进制浮点数表示，计算时出现了舍入误差。

解决精度问题的方法

  1. toFixed() 方法： 可以将数字四舍五入到指定的小数位数。但返回的是字符串类型。

    console.log((0.1 + 0.2).toFixed(2)); // "0.30"

  2. Math.round() 方法： 可以将数字四舍五入到最接近的整数。

    console.log(Math.round((0.1 + 0.2) * 100) / 100); // 0.3

  3. 使用专门的库： 例如 decimal.js、big.js 等，可以提供高精度的十进制运算。

    const Decimal = require('decimal.js');
const a = new Decimal(0.1);
const b = new Decimal(0.2);
console.log(a.plus(b).toNumber()); // 0.3

JavaScript 数字类型的限制

IEEE 754 标准也给 JavaScript 数字类型带来了一些限制：

  1. 最大安全整数： JavaScript 的 Number.MAX_SAFE_INTEGER 常量表示最大安全整数，值为 2^53 – 1。 大于这个值的整数可能无法精确表示。

    console.log(Number.MAX_SAFE_INTEGER); // 9007199254740991
console.log(Number.MAX_SAFE_INTEGER + 1); // 9007199254740992
console.log(Number.MAX_SAFE_INTEGER + 2); // 9007199254740992  (丢失精度)

  2. 最小安全整数： JavaScript 的 Number.MIN_SAFE_INTEGER 常量表示最小安全整数，值为 -(2^53 – 1)。

    console.log(Number.MIN_SAFE_INTEGER); // -9007199254740991

  3. 最大值： JavaScript 的 Number.MAX_VALUE 常量表示最大正数，约为 1.7976931348623157e+308。

    console.log(Number.MAX_VALUE); // 1.7976931348623157e+308

  4. 最小值： JavaScript 的 Number.MIN_VALUE 常量表示最小正数，约为 5e-324。

    console.log(Number.MIN_VALUE); // 5e-324

总结

特性 说明 解决方法
NaN 的定义 表示“非数”，是无效的数值结果。 使用 Number.isNaN() 进行判断，避免 isNaN() 的类型转换。
typeof NaN 结果为 "number"，虽然 NaN 不是一个有效的数值，但仍属于数值类型。 理解 JavaScript 的类型系统和 IEEE 754 标准。
浮点数精度问题 由于 IEEE 754 的限制，有些十进制小数无法精确地用二进制浮点数表示，会导致计算结果出现误差。 使用 toFixed()、Math.round() 或专门的库（如 decimal.js、big.js）来解决。
安全整数范围 JavaScript 的安全整数范围为 -(2^53 – 1) 到 2^53 – 1。超出这个范围的整数可能无法精确表示。 避免使用超出安全整数范围的整数。如果需要处理大整数，可以使用 BigInt 类型或专门的库。

总而言之，NaN是JavaScript数字类型中一个特殊的存在，它既不是一个具体的数值，又被归类为"number"类型。理解NaN的特性和IEEE 754标准，可以帮助我们更好地处理JavaScript中的数值计算和类型判断，避免一些潜在的错误。

希望今天的分享对大家有所帮助。 谢谢各位！下次再见！

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注