在前端开发中，我们经常会遇到一些奇怪的现象，例如在计算时，未定义或空的变量可能会返回数字值。这是为什么呢？
原因
这个问题的原因是 JavaScript 中的类型转换。在进行数学运算时，JS 引擎会将非数字值转换为数字类型。当一个值未定义时，它会被转换为 NaN（Not a Number），但是在某些情况下，NaN 又会被视作数字。
示例
让我们看一下下面的代码：
let a; console.log(a + 1); // 输出 NaN console.log(a * 2); // 输出 NaN console.log(a - 3); // 输出 NaN
在上面的代码中，我们使用了未定义的变量 a，并对其进行了数学运算。由于 a 是未定义的，所以它被转换成了 NaN。因此，无论是加法、乘法还是减法，最终结果都是 NaN。
但是，如果我们将 a 与数字进行比较，则会得到不同的结果：
console.log(a < 0); // 输出 false console.log(a > 0); // 输出 false console.log(a == 0); // 输出 false console.log(a >= 0); // 输出 false
在这种情况下，NaN 被视作大于或小于任何其他数字。因此，无论我们将 a 与何种数字进行比较，结果始终是 false。
如何避免
为了避免出现类似的情况，我们需要始终检查变量是否已定义。在进行数学运算之前，应使用 typeof 运算符检查变量的类型，并确保它是数字类型：
let b;
if (typeof b === "number") {
console.log(b * 2); // 如果 b 是数字，则输出 b 的两倍
} else {
console.log("b 不是数字");
}在上面的代码中，我们首先使用 typeof 运算符检查变量 b 是否是数字类型。如果是数字类型，则将其乘以 2 并输出结果；否则，我们会得到一个错误消息。
结论
虽然未定义的变量可能会返回数字值，但这并不意味着我们可以忽略对变量类型的检查。为了避免潜在的错误和不必要的麻烦，我们应该始终检查变量是否已定义，并使用正确的类型进行数学运算。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15212