在 JavaScript 中,假设我们想判断一个是否是 undefined,那么我们通常会这样写:
if(a === undefined){//code}
但是,JavaScript 中的 undefined 并不可靠,我们试着写这样一个函数:
function test(a) {
var undefined = 1;
console.log(undefined); // => 1
if(a===undefined) {
// ...
}
}
可以看到,undefined 被轻易地修改为了 1,使得我们之后的对于 undefined 理解引起歧义。所以,在 JavaScript 中,把 undefined 直接解释为 “未定义” 是有风险的,因为这个标识符可能被篡改。
在 ES5 之前,全局的 undefined 也是可以被修改的,而在 ES5 中,该标识符被设计为了只读标识符, 假如你现在的浏览器不是太老,你可以在控制台中输入以下语句测试一下:
undefined = 1;
console.log(undefined); // => undefined
现在我们能够明确的,标识符 undefined 并不能真正反映 “未定义”,所以我们得通过其他手段获得这一语义。幸好 JavaScript 还提供了 void 运算符,该运算符会对指定的表达式求值,并返回受信任的 undefined:
void expression
最常见的用法是通过以下运算来获得 undefined,表达式为 0 时的运算开销最小:
void 0;
// or
void(0);
所有需要获得 undefined 地方,都通过 void 0 进行了替代
当然,获取undefined还有另一种方式:看过jquery源码的同学,应该知道里面的立即执行函数:
(function(window,undefined) {
// ...
})(window)
在这个函数中,我们没有向其传递第二参数(形参名叫 undefined),那么第二个参数的值就会被认为 “未定义”,因此,通过这种方式,在该函数的作用域中所有的 undefined 都为受信的 undefined。是不是很妙啊!!
使用 !运算符,他会将undefined,null, 0,false, 变为true,即(obj为undefined,null, 0,false时, !obj === true), 但是当使用void 0 时,他只会全等于undefined。
当你开心地在编程,惊叹于vue的神奇,这时你却遇到这样的情况:你的vue应用无法正常工作,你收到的报错是:this is undefined,产生问题的原因是你混合使用了普通函数和箭头函数。
void 运算符通常只能用于获取 undefined 的原始值,一般用void(0),等同于void 0,也可以使用全局变量 undefined 替代。那什么是void 0、void 0 有什么意义、与undefined有什么关系呢?我们一起来总结一下。
大家都知道void运算符总会返回一个undefined的结果,那么为什么要用void 0来代替undefined呢?这不是多此一举了吗?下面为大家讲讲这样使用的原因。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!