检查 null 与未定义的差异以及在 == 和 === 之间的差异

在 JavaScript 中，null 和 undefined 是两个特殊的值，它们分别表示“空引用”和“缺少值”。虽然它们看起来很相似，但实际上它们在某些情况下是有差异的。此外，在 JavaScript 中，== 和 === 这两个运算符也存在差异，它们对于值类型的比较方式略有不同。

null 和 undefined 的差异

首先，null 表示一个空引用或空对象指针。它是一个拥有特殊值的预定义 JavaScript 变量。例如，如果你使用 document.getElementById("nonexistent-element") 来获取一个不存在的元素，那么这个函数会返回 null 值。另一方面，undefined 表示一个缺少值或者一个未定义的变量。如果你声明了一个变量但没有初始化它，那么这个变量的值就是 undefined。

let x; // x 的值为 undefined
let y = null; // y 的值为 null

如何判断一个变量是否为 null 或 undefined？

如果你想要判断一个变量是否为 null 或 undefined，可以使用三元运算符或者逻辑运算符。

let x;
if (x === null || x === undefined) {
  console.log("x is null or undefined.")
}

还可以使用默认参数语法：

function myFunction(x = null) {
  if (x == null) {
    console.log("x is null or undefined.")
  }
}

注意，这里的 if (x == null) 是故意使用双等号而不是三等号的原因，因为在这种情况下，我们希望 null 和 undefined 被视为相等的值。如果你使用三等号运算符，那么它们将被视为不同的类型。

== 和 === 的差异

在 JavaScript 中，== 和 === 这两个运算符都用于比较值类型的数据。但是它们之间有一些重要的区别。

双等号（==）

双等号运算符可以将两个值进行比较，如果它们的值相等，那么就返回 true。它会自动转换变量的类型，然后再进行比较。这就是说，如果你比较一个数字和一个字符串，那么 JavaScript 会尝试将字符串转换为数字，然后再进行比较。

1 == "1" // true

在这个例子中，双等号运算符将字符串“1”转换为数字 1，然后与数字 1 进行比较，结果为 true。

但是，双等号运算符也存在一些问题。例如：

"" == 0 // true
false == 0 // true
null == undefined // true

这些比较结果可能会出乎意料。这是因为 JavaScript 在进行比较时会对变量进行类型转换，导致一些不必要的麻烦。

三等号（===）

三等号运算符也可以将两个值进行比较，但是它不会自动转换变量的类型。如果两个变量的值相等且类型相同，那么就返回 true。

1 === 1 // true
1 === "1" // false

在这个例子中，由于双等号运算符会自动将字符串“1”转换为数字 1，所以结果为 true。但是三等号运算符不会进行类型转换，所以结果为 false。

总结

在 JavaScript 中，null 和 undefined 是两个特殊的值，它们分别表示“空引用”和“缺少值”。== 和 === 这两个运算符也存在差异，它们对于值类型的比

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8228