JavaScript 中的 nullish、undefined 和空字符串的细节

在 JavaScript 中，nullish、undefined 和空字符串是三种常见的值类型。虽然它们看起来很相似，但它们之间有着微妙的差别。本文将详细介绍这三种值类型的细节，并提供一些示例代码来帮助读者更好地理解它们。

Nullish

Nullish（空值）是 JavaScript 中的一个相对新的概念，它指的是 null 或 undefined。在 JavaScript 中，null 和 undefined 是两个不同的值类型，但它们都表示缺少值。Nullish 运算符（??）是一个新的运算符，它用于检查一个值是否为 null 或 undefined。

以下是一个使用 Nullish 运算符的示例代码：

let foo = null;
let bar = 0;

let result = foo ?? bar;
console.log(result); // 输出 0

在上面的代码中，我们使用 Nullish 运算符将 foo 和 bar 进行比较。由于 foo 的值为 null，因此 result 的值为 bar 的值，即 0。如果我们使用 OR 运算符（||）来代替 Nullish 运算符，那么 result 的值将会是 foo 的值，即 null。这是因为 OR 运算符会将 null 视为 false，因此它会返回 bar 的值。

Undefined

Undefined（未定义）是 JavaScript 中的一个特殊值，它表示一个变量已经被声明，但尚未被赋值。在 JavaScript 中，如果一个变量没有被赋值，那么它的默认值就是 undefined。以下是一个使用 undefined 的示例代码：

let foo;
console.log(foo); // 输出 undefined

在上面的代码中，我们声明了一个变量 foo，但没有给它赋值。由于它的默认值是 undefined，因此在打印它的值时，输出结果为 undefined。

空字符串

空字符串是一个长度为零的字符串，它在 JavaScript 中用两个引号表示。在 JavaScript 中，空字符串被视为一个有效的字符串，但它和 null 和 undefined 不同。以下是一个使用空字符串的示例代码：

let foo = "";

if (foo) {
  console.log("foo is not empty");
} else {
  console.log("foo is empty");
}

在上面的代码中，我们声明了一个变量 foo，并将它赋值为空字符串。在 if 语句中，我们检查 foo 是否为空字符串。由于空字符串在 JavaScript 中被视为一个有效的字符串，因此 if 语句的结果为 false。这意味着 foo 是一个空字符串。

总结

在 JavaScript 中，nullish、undefined 和空字符串是三种常见的值类型。虽然它们看起来很相似，但它们之间有着微妙的差别。Nullish 表示 null 或 undefined，Undefined 表示一个变量已经被声明，但尚未被赋值，而空字符串是一个长度为零的字符串。在编写 JavaScript 代码时，我们需要注意这些细节，以确保我们的代码能够正确地处理这些值类型。

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