void和undefined
undefined
一直以来,undefined都不是JavaScript的关键字或保留字,这意味着我们可以修改window.undefined的值。
由于undefined会被频繁调用作为比较运算的操作数等原因,修改undefined的值是有弊端的,所以在ES5规范之后,window.undefined被定义为不可写、不可配置的属性。
常见的undefined:
变量声明后未赋值,则变量会被自动赋值为undefined
函数中定义了一些形参,如果传入的实参少于预定义的形参,那么有一些形参就会匹配不到实参,继而会被自动赋值为undefined
没有返回值的函数,默认返回undefined
void运算符
void运算符后面接一个表达式,无论表达式的内容是什么,只要跟在void之后都会被调用执行,执行完毕后void操作符返回undefined:
void(expression)
简而言之,使用void运算符有三种用处:
生成undefined
让函数立即执行
充当javascript:协议的URI
生成undefined
使用void0生成undefined的做法由来已久,既减少了在原形链上查找window.undefined的时间,也避免了误用被修改过的undefined。
functioncheckLogin(loginName){
if(loginName===void0){
console.log('Wrong!');
}
}
checkLogin();
//=>'Wrong!'
立即执行函数
运算符和函数组合使用,可以让函数立即执行。实际上,有许多运算符可以让函数立即执行,比如+、-、!、~以及本文提到的void等运算符。此外,还有最常见的小括号(不是运算符,会改变优先级):
(function(){
console.log('立即执行');
})();
//=>'立即执行'
充当javascript:协议的URI
对于网页中的点赞、收藏等按钮,如果使用a标签来实现的话,往往会用到href="javascript:void(0)"等类似的代码,这段代码的作用点击链接时让页面不跳转。
在href="javascript:void(0)"中,使用了一个以javascript:协议开头的URI,浏览器默认会对冒号后面的代码求值,然后将结果显示在新的页面,但有一种情况例外,如果结果是undefined,浏览器就不会刷新页面渲染新值了。
实际上,我们有很多方式实现点赞、收藏的效果,无需使用这么Hack的方式——虽然这确实很方便。
javascript:协议声明了URL的主体是任意的javascript代码,由javascript解释器编译执行,通常使用javascript:URL执行某些不改变当前页面文档的代码,要做到这一点,必须确保URL的最后一条语句没有返回值,比如使用void0。