VS Code 代码中 NaN 判断错误，通常是因为 JavaScript 中
NaN的一个特殊性质：
NaN与任何值（包括它自身）都不相等。这意味着直接使用
==或
===无法正确判断一个值是否为
NaN。
解决方案
使用
Number.isNaN()或
isNaN()函数来正确判断
NaN值。
为什么 ==
或 ===
不起作用？
NaN代表 "Not a Number"，但它仍然属于
Number类型。关键在于，它被设计成与任何值都不相等，即使是它自己。这就是为什么
NaN == NaN和
NaN === NaN都会返回
false。
如何正确判断 NaN 值？
-
Number.isNaN()
(ES6 引入):这是最推荐的方式。
Number.isNaN()
函数会检查一个值是否为NaN
，并且不会强制将参数转换为数字。如果参数本身不是Number
类型，则直接返回false
。Number.isNaN(NaN); // true Number.isNaN(123); // false Number.isNaN("hello"); // false Number.isNaN(undefined); // false Number.isNaN({ valueOf: function() { return NaN } }); // false - 重要! -
isNaN()
(全局函数):这是一个早期的 JavaScript 函数，但需要小心使用。
isNaN()
会首先尝试将参数转换为数字，如果转换失败，则返回true
。这意味着isNaN("hello")会返回true
，因为"hello"
无法转换为数字。isNaN(NaN); // true isNaN(123); // false isNaN("hello"); // true - 注意！ isNaN(undefined); // true - 注意！ isNaN({ valueOf: function() { return NaN } }); // true - 注意！
选择哪个？
优先使用
Number.isNaN()。它更精确，不会因为类型转换而产生误判。
isNaN()在某些情况下仍然有用，但需要清楚它的行为。
副标题1
为什么
Number.isNaN()比
isNaN()更安全？
Number.isNaN()的主要优势在于它的类型检查行为。
isNaN()会尝试将任何传入的值转换为数字。例如，如果传入一个字符串，它会尝试将其解析为数字。如果解析失败，它会返回
true，即使原始值实际上不是
NaN。
isNaN("abc"); // true, 因为 "abc" 无法转换为数字
Number.isNaN("abc"); // false, 因为 "abc" 本身不是 NaN这种类型转换可能导致意外的结果，尤其是在处理用户输入或来自外部数据源的数据时。
Number.isNaN()避免了这种类型转换，只在值本身是
NaN时才返回
true。
副标题2
如何在 VS Code 中调试 NaN 相关的问题？
在 VS Code 中调试 NaN 相关的问题，可以使用断点和条件断点。
断点： 在你怀疑出现 NaN 的代码行设置断点。当程序执行到该行时，VS Code 会暂停执行，允许你检查变量的值。
-
条件断点： 设置一个只有在特定条件满足时才会触发的断点。例如，你可以设置一个条件断点，只有当变量的值为
NaN
时才暂停。// 示例：当 result 为 NaN 时暂停 if (Number.isNaN(result)) { debugger; // 这会触发 VS Code 的调试器 } 使用控制台： 在调试过程中，可以使用 VS Code 的控制台来打印变量的值，并使用
Number.isNaN()
或isNaN()
来检查它们是否为NaN
。Source Maps: 确保你的 Source Maps 配置正确，这样你才能在 VS Code 中调试原始的源代码，而不是编译后的代码。这对于调试 TypeScript 或其他需要编译的语言非常重要。
副标题3
除了
Number.isNaN()和
isNaN()，还有其他判断 NaN 的方法吗？
理论上，可以利用
NaN与自身不相等的特性，进行一些变通的判断，但这并不推荐，因为可读性差，而且在某些特殊情况下可能失效。
// 不推荐的方式
function isReallyNaN(val) {
return val !== val;
}
isReallyNaN(NaN); // true
isReallyNaN(123); // false
isReallyNaN("hello"); // false这种方法依赖于
NaN的一个古怪特性，即它不等于自身。虽然它在大多数情况下有效，但它不如
Number.isNaN()清晰和可靠。 始终建议使用
Number.isNaN()来判断
NaN。
副标题4
在处理浮点数运算时，如何避免出现 NaN？
浮点数运算容易产生
NaN，尤其是在执行除法或平方根运算时。为了避免这种情况，可以采取以下措施：
输入验证： 在进行任何运算之前，验证输入是否有效。例如，确保除数不为零，并且平方根的参数不为负数。
-
使用容错处理： 在进行除法运算时，如果除数可能为零，可以使用一个小的容错值来避免除以零错误。
function safeDivide(numerator, denominator) { const epsilon = 1e-10; // 一个很小的数 if (Math.abs(denominator) < epsilon) { return 0; // 或者返回其他合适的默认值 } return numerator / denominator; } 检查中间结果： 在复杂的计算中，检查中间结果是否为
NaN
，以便尽早发现问题。使用库： 对于需要高精度计算的场景，可以考虑使用专门的数值计算库，这些库通常提供更好的 NaN 处理机制。
副标题5
为什么在 JSON 中不能直接使用 NaN？
JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON 规范不允许直接包含
NaN、
Infinity或
-Infinity作为有效值。这是因为 JSON 的设计目标是跨平台和跨语言的数据交换，而不同的语言对这些特殊数值的处理方式可能不同。
如果需要在 JSON 中表示这些值，常见的做法是：
-
使用字符串： 将
NaN
、Infinity
或-Infinity
转换为字符串。{ "value": "NaN" } -
使用
null
： 将NaN
替换为null
。{ "value": null } -
使用自定义值： 使用一个预定义的数值或字符串来表示
NaN
。{ "value": -9999 // 假设 -9999 代表 NaN }
在解析 JSON 数据时，需要根据所使用的表示方法，将这些值转换回 JavaScript 中的
NaN。
