JS 中 null 和 undefined：void 0 的背后故事

空值的迷宫：null、undefined 和 void 0

在 JavaScript 的世界里，null 和 undefined 经常让人傻傻分不清。它们都是用来表示没有值的特殊值，但又略有不同。

null 表示一个故意赋予的空值 ，就像当你明确将一个变量设置为没有值时那样。undefined 表示变量尚未被赋值或函数没有返回任何值 ，就像当你忘记给变量赋值或忘记在函数中返回一个值时那样。

为了进一步区分这两种情况，聪明的程序员们找到了一个巧妙的替代品：void 0。

void 操作符：清除副作用

void 操作符在 JavaScript 中的作用是清除一个表达式的任何副作用。也就是说，它可以阻止一个表达式执行任何实际的操作，只返回 undefined 值。例如：

void console.log("你好"); // 输出：undefined

在这个例子中，console.log("你好") 语句会输出 "你好" 到控制台，但 void 操作符阻止了这一操作，因此 console.log 语句没有任何效果，只返回 undefined。

void 0：避免意外赋值

由于 void 操作符只返回 undefined，而 undefined 又是 JavaScript 中的一个特殊值，因此我们可以利用 void 0 来创建一个不会意外赋值的变量。例如：

let x = void 0; // x 不会意外赋值为 null 或其他值

这样，我们就可以确保 x 永远是一个 undefined 值，避免了意外赋值的问题。

为什么用 void 0 而不是 undefined？

那么，既然 void 0 和 undefined 都表示同样的值，为什么还要用 void 0 呢？原因有以下几个：

• 语义更清晰： void 0 更能清楚地表达我们希望返回一个 undefined 值，避免了与未定义变量的混淆。
• 避免语法错误： 在严格模式下，将 undefined 赋值给一个未声明的变量会导致语法错误。而 void 0 不会出现这样的问题。
• 历史渊源： 在早期版本的 JavaScript 中，void 0 用于解决一些与 undefined 相关的错误。虽然这些错误在现代浏览器中已经修复，但 void 0 仍然被一些开发者作为一种惯例。

使用技巧

要使用 void 0，只需在要返回 undefined 的表达式前面加上 void 即可。例如：

function getSomething() {
  return void 0; // 返回 undefined
}

代码示例

以下是一些使用 void 0 的代码示例：

// 避免意外赋值
let x = void 0;

// 清除副作用
void console.log("你好");

// 返回 undefined
function getSomething() {
  return void 0;
}

常见问题解答

1. void 0 和 undefined 完全相同吗？

是的，它们在值上是相同的，都是 JavaScript 中的 undefined 值。

2. 为什么不直接用 undefined？

虽然 void 0 和 undefined 的值相同，但 void 0 在语义上更清晰，可以避免语法错误。

3. void 0 有什么好处？

void 0 的好处是可以清除表达式的副作用，并避免意外赋值。

4. 在什么情况下应该使用 void 0？

当你希望明确返回 undefined 值，或者需要避免意外赋值时，可以使用 void 0。

5. void 操作符还有其他用途吗？

void 操作符还可用于清除表达式执行时的任何返回值。例如：

void (function() {
  console.log("你好");
})(); // 输出：undefined