JavaScript Number.isNaN与Number.isInteger联动使用

在JavaScript的数值判断世界里，Number.isNaN和Number.isInteger这两个方法，彼此独立，各管各的活儿。它们之间没有内置的联动逻辑，但如果你需要更精确地校验一个值是不是“真正的整数”，那把它们组合起来用，效果会好很多。

区分NaN与合法整数

JavaScript里的NaN是个很特殊的存在，它既不是整数，也不是非整数——它根本就不是一个有效数字。所以，在判断一个值到底是不是整数之前，建议先把NaN这个“捣乱分子”给排除掉。

• Number.isNaN(x)是专门用来检测NaN的，而且它不会强制类型转换，比如Number.isNaN("abc")会返回true。
• Number.isInteger(x)则要求参数必须是数字类型，并且是整数；如果传入NaN、Infinity或者字符串之类的东西，它一律返回false。
• 所以，Number.isInteger(NaN)的结果是false，但这个false并不代表“NaN不是整数”，而是“NaN连有效数字都算不上”。

常见组合校验场景

举个实际场景：验证用户输入是不是一个“可接受的整数”，需要排除掉NaN、Infinity、小数、字符串这些干扰项。这时候组合校验就派上用场了。

• 先用Number.isNaN(x)把NaN显式拦截下来——虽然isInteger本身也会返回false，但明确检查能提升代码的可读性和后期的调试体验。
• 接着再用Number.isInteger(x)确认它是不是一个有限整数。
• 典型的写法就是：!Number.isNaN(x) && Number.isInteger(x)。
• 不过要注意，这个组合不能替代类型检查——如果x是个字符串"123"，两个方法都会返回false。所以，你需要提前用Number(x)把它转成数字再判断。

避免常见误区

必须说清楚的是，千万别以为Number.isInteger内部调用了isNaN或者跟它有什么协同关系。这两个方法各自独立工作，互不干扰。

• Number.isInteger(NaN) → false，因为NaN不是数字，更谈不上整数。
• Number.isInteger(Infinity) → false，道理同上。
• Number.isInteger("123") → false，类型不匹配，不会自动转换。
• Number.isNaN("abc") → true，符合规范：只有NaN本身或者严格等于NaN的值才会返回true。

实用校验函数示例

最后，封装一个更健壮的“是否为有效整数”判断函数，它在处理表单输入时尤其有用。

• 函数接受字符串或数字，尝试转换后进行校验。
• 排除NaN、Infinity、-Infinity以及非整数。
• 示例代码：function isValidInteger(x) { const n = Number(x); return !Number.isNaN(n) && Number.isFinite(n) && Number.isInteger(n); }
• 这个写法比单独用isInteger更稳妥，因为它在类型转换和边界值处理上都做了更细致的考虑。