void 0 代替 undefined 前世今生?

之前在看一个 H5 demo 的时候发现好多变量的定义都是 var aaa = void 0

因此在 Chrome 控制台测试了一下 undefined === void 0; //true
(事实上,void的返回值都是undefined, https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void)

所以,疑问来了,相等 为何不直接用 undefined ?

啥事都是有原因的:

  • 1、防止被重写(在ES5之前,window下的undefined是可以被重写的,于是导致了某些极端情况下使用undefined会出现一定的差错。所以,用void 0是为了防止undefined被重写而出现判断不准确的情况。)

注: ES5之后的标准中,规定了全局变量下的undefined值为只读,不可改写的,但是局部变量中依然可以对之进行改写。
备注:非严格模式下,undefined是可以重写的,严格模式则不能重写。

  • 2、可以减少字节。void 0代替undefined省3个字节。

类似的还有很多常用的写法,看到别人这样写的时候就当是老司机的套路就行了。

 //取整
parseInt(a,10); //Before
Math.floor(a); //Before
a>>0; //Before
~~a; //After
a|0; //After

//四舍五入
Math.round(a); //Before
a+.5|0; //After

//内置值
undefined; //Before
void 0; //After, 快
0[0]; //After, 略慢

//内置值
Infinity;
1/0;

//布尔值短写法
true; //Before
!0; //After

//布尔值短写法
false; //Before
!1; //After

你可能感兴趣的:(void 0 代替 undefined 前世今生?)