在 JavaScript 中，undefined 是一个特殊的值，表示“未定义”。然而，你可能不知道的是：undefined 并不是一个保留关键字，它可以被当作变量名使用甚至被赋值！
这会导致一些潜在的问题，比如：
var undefined = 'hello';
console.log(undefined); // 输出 'hello'（这不是我们期望的结果）
本文将讲解：
- 为什么
undefined不安全； - 如何获取一个真正安全、不可变的
undefined值； - 使用
void 0的原理与优势； - 实际开发中的最佳实践。
一、为什么不能直接使用 undefined？
🔍 示例说明：
(function() {
var undefined = 'hacked';
var a;
console.log(a === undefined); // false！
})();
在这个例子中，局部变量 undefined 被重新赋值为字符串 'hacked'，导致后续对 a === undefined 的判断失效。
📌 结论：
undefined可以被覆盖或篡改；- 在某些环境中（如浏览器控制台、第三方脚本），它可能已经被修改；
- 因此，直接使用
undefined是不安全的。
二、如何获取真正的 undefined？
JavaScript 提供了一个表达式：void 0，可以用来获得一个真正安全的 undefined 值。
✅ 示例：
console.log(void 0); // undefined
console.log(void 123); // undefined
console.log(void (function() {})); // undefined
无论表达式是什么，void 都会返回 undefined。
三、void 0 的工作原理
🔍 void 运算符的作用：
- 它会对传入的表达式进行求值；
- 然后忽略该结果；
- 最终返回
undefined。
📌 特点：
| 表达式 | 返回值 |
|---|---|
void 0 | undefined |
void 'abc' | undefined |
void function(){} | undefined |
✅ 推荐写法：void 0
- 更简洁；
- 性能更好；
- 被广泛接受和使用；
四、实际开发中的使用场景
✅ 场景1：判断变量是否是 undefined
if (myVar === void 0) {
console.log('myVar is truly undefined');
}
代替危险的写法：
if (myVar === undefined) { /* ❌ 不安全 */ }
✅ 场景2：函数默认参数中设置安全的 undefined
function foo(val = void 0) {
if (val === void 0) {
console.log('No value was passed');
}
}
✅ 场景3：IIFE 中保存一个安全的 undefined
(function(global, undefined) {
// 在这个作用域中，undefined 是安全的
})(this);
此时外部即使修改了 undefined，也不会影响内部作用域。
五、一句话总结
undefined是一个可以被覆盖的标识符，因此在 JavaScript 中并不安全。为了获取一个真正不可变的undefined值，应使用void 0，它是目前最通用、最安全、最标准的方式。
💡 进阶建议
- 学习 TypeScript，通过类型系统提前避免
undefined相关问题； - 使用
Optional Chaining（?.）和Nullish Coalescing（??）提高代码健壮性； - 在 Vue / React 状态管理中合理处理
undefined和null； - 使用 Lint 工具（如 ESLint）禁止直接使用
undefined；
