ES7 中如何正确处理 Number.isNaN 方法的坑
在 JavaScript 中，NaN 是一个特殊的值，表示“不是数字”（Not a Number）。在 ES6 中，引入了 Number.isNaN 方法来判断一个值是否为 NaN。但是，在使用 Number.isNaN 方法时，很容易掉进坑里。
下面，我们来看一下具体的坑点以及如何正确处理。
坑点一：Number.isNaN 方法只能判断 NaN
Number.isNaN 方法只能判断一个值是否为 NaN，而不能判断一个值是否为“不是数字”。比如，下面这个例子：
Number.isNaN("abc"); // false虽然字符串 "abc" 显然不是数字，但是 Number.isNaN 方法返回的却是 false。
坑点二：NaN 不等于自身
在 JavaScript 中，NaN 不等于任何值，包括自身。这意味着，下面这个例子是成立的：
NaN === NaN; // false
如果我们直接使用“相等运算符”（== 或 ===）来判断一个值是否为 NaN，会得到错误的结果。比如：
let x = NaN;
if (x == NaN) {
console.log("x is NaN");
} else {
console.log("x is not NaN");
}
// 输出：x is not NaN这是因为，NaN 与任何值（包括它自己）进行比较时，结果都是 false。因此，我们需要使用特殊的方法来判断一个值是否为 NaN。
正确处理方法
为了正确地使用 Number.isNaN 方法，我们需要避免上述两个坑点。具体来说，可以采用以下方法：
方法一：使用 isNaN 函数
isNaN 函数可以判断一个值是否为 NaN 或“不是数字”。它的用法如下：
isNaN(value);
如果 value 是 NaN 或“不是数字”，返回 true；否则返回 false。
需要注意的是，isNaN 函数内部会尝试将参数转换成数字。如果参数不能转换成数字，会返回 true。因此，它并不是一个完美的判断方法。
方法二：使用 Number.isNaN 方法
Number.isNaN 方法可以判断一个值是否为 NaN。它的用法如下：
Number.isNaN(value);
如果 value 是 NaN，返回 true；否则返回 false。
需要注意的是，Number.isNaN 方法不会将参数转换成数字。因此，如果参数不是 NaN，也不是数字，会返回 false。
综上所述，我们可以采用以下方法来判断一个值是否为 NaN 或“不是数字”：
function isNumber(value) {
return typeof value === "number" && !isNaN(value);
}
function isNotNumber(value) {
return typeof value !== "number" || isNaN(value);
}这两个方法分别返回一个布尔值，表示一个值是否为数字或“不是数字”。
示例代码
最后，我们来看一下示例代码，以帮助读者更好地理解：
-- -------------------- ---- -------
-- --------------
-------- ------------------ -
------ ------ ----- --- -------- -- -------------
-
-- -- ------------ ---------- ---
-------- ----------------- -
-- --------------------- -
------------------ -- ------
- ---- -
------------------ -- --- ------
-
-
-- ----
---------------- -- ----- -- ---
---------------- -- ----- -- --- ---
------------------ -- ----- -- --- ---
----------------- -- ----- -- --- ---
---------------------- -- ----- -- --- ---
--------------- -- ----- -- --- ---
--------------- -- ----- -- --- ---
------------------- -- ---- -- ----- -- --- ---
------------------------------ -- ----
------------------------------ -- -----
-------------------------------- -- ----
------------------------------- -- ----
------------------------------------ -- ----
----------------------------- -- ----
----------------------------- -- -----
-------------------------------- -- ----- -- ----总结
在 ES7 中，使用 Number.isNaN 方法来判断一个值是否为 NaN 是非常方便的。但是，需要注意的是，Number.isNaN 方法只能判断 NaN，而不能判断“不是数字”；同时，NaN 不等于自身，因此不能使用相等运算符来判断一个值是否为 NaN。为了避免这些坑点，我们可以使用 isNaN 函数或自定义方法来判断一个值是否为 NaN 或“不是数字”。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6607deafd10417a22267c319