在 JavaScript 中，我们经常会遇到一个特殊的值：NaN（Not a Number）。它用于表示那些本应是数字但因运算失败而无法表示的值。
然而，令人困惑的是：
typeof NaN; // "number"
这似乎与我们的直觉不符 —— 既然叫 “Not a Number”，那为什么它的类型却是 "number" 呢？
本文将系统讲解：
NaN的定义；- 它的类型为何是
"number"； - 为什么
NaN !== NaN； - 如何正确判断一个值是否为
NaN； - 实际开发中的注意事项。
一、什么是 NaN？
✅ 定义：
NaN 是 JavaScript 中的一个特殊数值，表示“不是一个合法的数字”。它通常出现在数学运算失败时：
console.log(0 / 0); // NaN
console.log(Math.sqrt(-1)); // NaN
console.log(Number("abc")); // NaN
这些操作的结果都不是有效的数字，因此返回了 NaN。
二、typeof NaN === "number" 的原因
虽然 NaN 表示“不是一个数字”，但它仍然属于 JavaScript 中的 Number 类型。
typeof NaN; // "number"
📌 原因：IEEE 754 浮点数标准规定
JavaScript 使用 IEEE 754 双精度浮点数格式来表示所有数字，其中就包括：
- 正常的数字；
Infinity和-Infinity；- 以及
NaN。
所以从类型上看，NaN 是 Number 类型的一部分。
✅ 结论：
typeof NaN === "number"是符合 IEEE 754 标准的设计；- 并不表示它是“有效数字”，而是说明它是一个特殊的数字类型；
三、为什么 NaN !== NaN？
这是 JavaScript 中最令人费解的行为之一：
NaN === NaN; // false
🧠 原因来自 IEEE 754 标准：
NaN被设计为“非自反”（non-reflexive）；- 即：任何两个
NaN值都不被认为是相等的； - 这样做的目的是为了防止误判不同来源的错误结果；
例如：
Math.sqrt(-1) // NaN
Math.log(-1) // NaN
parseFloat("abc") // NaN
它们都返回 NaN，但它们的“含义”可能不同，因此不应认为彼此相等。
四、如何正确判断一个值是否为 NaN？
由于 NaN !== NaN，我们不能使用 === 或 == 判断它。
✅ 方法一：使用 isNaN()
isNaN(NaN); // true
isNaN("abc"); // true（会尝试转换）
⚠️ 缺点： isNaN() 会先尝试把参数转换成数字，比如字符串 "abc" 也会被认为 NaN，容易误判。
✅ 方法二：使用 Number.isNaN()（推荐）
ES6 引入了更严格的判断方法：
Number.isNaN(NaN); // true
Number.isNaN("abc"); // false
Number.isNaN(123); // false
📌 优点：
- 不进行类型转换；
- 更加严谨；
- 推荐在现代项目中使用；
✅ 方法三：利用特性判断（兼容旧环境）
function isNanValue(x) {
return typeof x === 'number' && x !== x;
}
因为只有 NaN 满足 x !== x。
五、一句话总结
typeof NaN === "number"是 JavaScript 遵循 IEEE 754 标准的结果，并不代表它是“有效数字”。NaN是一个特殊的数值类型，表示数学运算失败的结果，且具有“非自反性”——即NaN !== NaN。要判断一个值是否为NaN，应优先使用Number.isNaN()。
💡 进阶建议
- 学习 TypeScript，通过类型系统避免
NaN相关问题； - 使用
Optional Chaining（?.）和Nullish Coalescing（??）提高代码健壮性； - 在 Vue / React 状态管理中合理处理无效数据；
- 使用 ESLint 规则禁止直接使用
isNaN()；
