博客站

-在 JavaScript 中，isNaN 和 Number.isNaN 这两个函数都用于检查一个值是否是 NaN（Not-a-Number），但它们之间存在一些重要的区别。

isNaN 函数

• 语法: isNaN(value)
• 功能: 检查传入的值在转换为数字后是否是 NaN。
• 内部机制: isNaN 函数首先会尝试将传入的值转换为数字（使用 Number 函数），然后检查转换后的结果是否是 NaN。
• 注意事项: 如果传入的值无法被转换为数字（例如一个非数字字符串），isNaN 会先将该值转换为 NaN，然后返回 true。这可能导致一些不直观的结果。

示例:

console.log(isNaN("hello")); // true, 因为 "hello" 无法转换为数字，结果是 NaN
console.log(isNaN(undefined)); // true, 因为 undefined 转换为数字是 NaN
console.log(isNaN({})); // true, 因为对象转换为数字是 NaN
console.log(isNaN(NaN)); // true
console.log(isNaN(123)); // false

Number.isNaN 函数

• 语法: Number.isNaN(value)
• 功能: 检查传入的值是否严格等于 NaN。
• 内部机制: Number.isNaN 不会进行类型转换，它只会检查传入的值是否严格等于 NaN。
• 注意事项: 使用 Number.isNaN 时，必须传入一个已经是 NaN 的值才会返回 true。

示例:

console.log(Number.isNaN("hello")); // false, 因为 "hello" 不等于 NaN
console.log(Number.isNaN(undefined)); // false, 因为 undefined 不等于 NaN
console.log(Number.isNaN({})); // false, 因为对象不等于 NaN
console.log(Number.isNaN(NaN)); // true
console.log(Number.isNaN(123)); // false

何时使用哪个函数

• 使用 isNaN 时，通常是为了检查一个值在转换为数字后是否是 NaN，这在某些情况下（例如表单验证）可能很有用。
• 使用 Number.isNaN 时，通常是为了确保一个值严格等于 NaN，这在处理数学运算或需要严格判断 NaN 的情况下更为准确。

总结来说，isNaN 会进行类型转换，而 Number.isNaN 不会。根据具体需求选择合适的函数可以避免一些潜在的错误。