在JavaScript中所有虚假的价值观

在JavaScript中，有许多看起来是真实的，但实际上是虚假的价值观。了解这些虚假的价值观对于成为一个更好的JavaScript开发人员至关重要。本文将介绍五个常见的虚假的价值观，并提供示例代码以帮助您理解。

1. NaN不等于自己

NaN代表“不是数字”，它是一个特殊的数字类型。当使用“==”或“===”比较NaN时，结果始终为false。但是，如果您尝试将NaN与它本身进行比较，则结果会更令人惊讶：

const x = NaN;
console.log(x == NaN); // false
console.log(x === NaN); // false
console.log(NaN == NaN); // false
console.log(NaN === NaN); // false

请注意，即使x和NaN相等，结果仍然为false。因此，在JavaScript中，不能使用“==”或“===”来测试变量是否为NaN。相反，您应该使用内置的isNaN()函数：

const x = NaN;
console.log(isNaN(x)); // true
console.log(isNaN('hello')); // true
console.log(isNaN(123)); // false

2. 相等运算符（==）比全等运算符（===）更灵活

在JavaScript中，有两种比较运算符：“==”和“===”。相等运算符（“==”）是松散的比较，它可以比较不同类型之间的值。全等运算符（“===”）是严格的比较，只有在类型相同且值相等时才会返回true。

尽管相等运算符比全等运算符更灵活，但这种灵活性可能导致一些问题：

console.log(1 == '1'); // true
console.log(1 === '1'); // false
console.log(0 == ''); // true
console.log(0 === ''); // false

为了避免这些问题，请始终使用全等运算符进行比较。

3. 作用域基于函数而非块级

在许多编程语言中，变量的作用域受到它们在代码块中声明的影响。例如，在Java中，以下代码将引发一个编译错误：

if (true) {
    int x = 1;
}
System.out.println(x); // 编译错误：无法解析的符号x

但在JavaScript中，变量的作用域受到函数而不是代码块的影响：

if (true) {
    var x = 1;
}
console.log(x); // 1，没有编译错误

这意味着如果您在函数中声明一个变量，它将在整个函数中可用，即使它在条件语句或循环中声明。

function foo() {
    if (true) {
        var x = 1;
    }
    console.log(x); // 1
}
foo();

这种行为可能会导致许多问题，特别是在大型代码库中。为了避免这些问题，请始终使用let或const声明变量，并尽可能将变量的作用域限制在其实际需要的范围内。

4. 空数组等于false

在JavaScript中，空数组代表false，非空数组代表true：

console.log(Boolean([])); // false
console.log(Boolean([1,2,3])); // true

这意味着您可以在if语句中使用一个空数组来表示false：

if ([]){
    console.log('This will never be executed');
}

但是，如果您想测试一个数组是否为空，应该使用以下代码：

const arr = [];
if (

> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/10069) ，转载请注明来源
[https://www.javascriptcn.com/post/10069](https://www.javascriptcn.com/post/10069)