你真的知道为什么要使用void(0)代替undefined吗？
我们平时用到的\(\color{#FF3030}{undefined}\)只是\(\color{#FF3030}{window}\)对象下的一个属性。
Object.getOwnPropertyDescriptor(window, undefined);
//{value: undefined, writable: false, enumerable: false, configurable: false}
也正是因为如此，导致它在函数作用域中是可以修改。
但前提要加声明，因为不加声明，操作的\(\color{#FF3030}{window.undefined}\)，而\(\color{#FF3030}{window.undefined}\)的属性描述符是：
| 属性 | 值 |
|---|---|
| value | undefined |
| writable | false |
| enumerable | false |
| configurable | false |
\(\color{#FF3030}{value}\)不能修改，不能遍历，并且\(\color{#FF3030}{属性描述符}\)也不能修改(不能用\(\color{#FF3030}{Object.defineProperty}\)来修改\(\color{#FF3030}{writable、enumerable、configurable}\)的值)。
但是我们是可以在\(\color{#FF3030}{函数作用域}\)或者\(\color{#FF3030}{块级作用域}\)对\(\color{#FF3030}{undefined}\)的值进行\(\color{#FF3030}{“修改”}\)的，比如：
function fn(){
undefined = 1111;
console.log('undefined : ' + undefined);
}
fn();//undefined : undefined
function fn(){
var undefined = 1111;
console.log('undefined : ' + undefined);
}
fn();//undefined : 1111
{
let undefined = 1111;
console.log('undefined : ' + undefined);//undefined : 1111
}
这是因为在\(\color{#FF3030}{函数作用域}\)或者\(\color{#FF3030}{块级作用域}\)中也定义了一个\(\color{#FF3030}{undefined}\)变量，在此作用域中就会优先使用新定义的变量，而不会去使用\(\color{#FF3030}{window.undefined}\)，从而造成一种我们将\(\color{#FF3030}{window.undefined}\)的值改变了的假象。
所以我们在判断变量的类型时，最好使用：
var obj;
typeof obj === 'undefined';
而不要去使用：
var obj;
obj === undefined;
使用\(\color{#FF3030}{void关键字}\)也是可以的，因为\(\color{#FF3030}{void关键字}\)无论如何都会返回\(\color{#FF3030}{undefined}\)：
var obj;
obj === void(0);
这也是在实际开发中经常使用\(\color{#FF3030}{void(0)}\)来代替\(\color{#FF3030}{undefined}\)的原因了。