void和undefined

发布于南北

9 年前

`undefined`

一直以来，undefined 都不是 JavaScript 的关键字或保留字，这意味着我们可以修改 window.undefined 的值。

由于 undefined 会被频繁调用作为比较运算的操作数等原因，修改 undefined 的值是有弊端的，所以在 ES5 规范之后，window.undefined 被定义为不可写、不可配置的属性。

常见的 undefined:

void 运算符后面接一个表达式，无论表达式的内容是什么，只要跟在 void 之后都会被调用执行，执行完毕后 void 操作符返回 undefined：

void (expression)

简而言之，使用 void 运算符有三种用处：

使用 void 0 生成 undefined 的做法由来已久，既减少了在原形链上查找 window.undefined 的时间，也避免了误用被修改过的 undefined。

function checkLogin (loginName) {
    if (loginName === void 0) {
        console.log('Wrong!');
    } 
}

checkLogin();
// => 'Wrong!'

**运算符和函数组合使用，可以让函数立即执行。**实际上，有许多运算符可以让函数立即执行，比如 +、-、!、~ 以及本文提到的 void 等运算符。此外，还有最常见的小括号（不是运算符，会改变优先级）：

(function(){
    console.log('立即执行');
})();
// => '立即执行'

对于网页中的点赞、收藏等按钮，如果使用 a 标签来实现的话，往往会用到 href="javascript:void(0)" 等类似的代码，这段代码的作用点击链接时让页面不跳转。

在 href="javascript:void(0)" 中，使用了一个以 javascript: 协议开头的 URI，浏览器默认会对冒号后面的代码求值，然后将结果显示在新的页面，但有一种情况例外，如果结果是 undefined，浏览器就不会刷新页面渲染新值了。

实际上，我们有很多方式实现点赞、收藏的效果，无需使用这么 Hack 的方式——虽然这确实很方便。

javascript: 协议声明了 URL 的主体是任意的 javascript 代码，由 javascript 解释器编译执行，通常使用 javascript:URL 执行某些不改变当前页面文档的代码，要做到这一点，必须确保 URL 的最后一条语句没有返回值，比如使用 void 0。

在校学生，本科计算机专业。狂热地想当一名作家，为色彩和图形营造的视觉张力折服，喜欢调教各类JS库，钟爱CSS，希望未来加入一个社交性质的公司，内心极度肯定“情感”在社交中的决定性地位，立志于此改变社交关系的快速迭代。个人博客。