《源码学习之void 0》
今天看源码的时候看到 void 0 这样的写法,平时在业务代码里基本没有这样的写法,于是学习了一下。
在控制台运行了一下void 0,得到返回值是undefined。
在MDN上搜了一下void,了解到:
void是个运算符
void用于获取原始数据类型undefined
void可以将function关键字识别为函数表达式(立即执行函数)
void可以用于箭头函数以避免泄漏
以vue的源码为例:
var createEmptyVNode = function (text) {
if (text === void 0) text = '';
var node = new VNode();
node.text = text;
node.isComment = true;
return node
};
这段代码用于创建一个空节点。
这里void 0返回了undefined,并与传入的text参数比较,如果相等,将text赋值为空字符串。
为什么这里不直接用undefined,而要“多此一举”地用void 0?
看下面这段代码:
function test(){
let undefined = "666";
console.log(undefined); // "666"
console.log(void 0); // undefined
}
可以看到,undefined是可以被重写的:在test函数中undefined被重写为字符串"666",而void 0却不受影响,依然得到undefined数据类型。
这里需要注意:
undefined 并不是保留词(reserved word),它只是全局对象的一个属性,在低版本 IE 中能被重写(因此很多框架为了兼容低版本,就会选用void 0代替undefined)。
undefined 在 ES5 中已经是全局对象的一个只读(read-only)属性了,它不能被重写;但是在局部作用域中,还是可以被重写的。
除了void 0,也可以用void 123、void "abc"等其他void表达式代替,之所以选择void 0,是因为它是各种void表达式中字节数最少之一(6个字节,用void 0代替undefined能节省3个字节)。
参考资料: