void 运算符

概述

void 运算符会对它的操作数表达式进行求值，然后忽略掉求值的结果，直接返回 undefined。

语法

void expression

描述

我们经常会在一个期望得到 undefined 返回值的地方使用 void 运算符，这样就可以忽略掉它后面的表达式的真实返回值。我们只去利用那个表达式执行时的副作用。

经常会有人用 void(0) 或者 void 0 来代替 undefined 变量来表示 undefined 值，因为他们担心自己拿到的 undefined 这个变量的值可能不是 undefined：可能是被重新赋过值的全局变量 window.undefined（现代浏览器不允许这样做）；也可能是一个别人定义的函数内部的局部变量 undefined。但这种担心通常是多余的，因为没有人会去那样做，不是吗。还有人说是为了性能考虑，因为可以避免变量查询，但这种性能差异通常是微乎其微的。

立即调用的函数表达式

在使用立即执行的函数表达式时，可以利用 void 运算符让 JavaScript 引擎把一个函数识别成函数表达式而不是函数声明（语句）。

void function iife() {
    var bar = function () {};
    var baz = function () {};
    var foo = function () {
        bar();
        baz();
     };
    var biz = function () {};

    foo();
    biz();
}();

JavaScript: 协议的 URI

当用户点击一个以 javascript: 协议开头的 URI 时，浏览器会对冒号后面的代码进行求值，然后把求值的结果显示在页面上，这时页面基本上是一大片空白，这通常不是我们想要的。只有当这段代码的求值结果是 undefined 的时候，浏览器才不会去做这件傻事，所以我们经常会用 void 运算符来实现这个需求。像下面这样：

<a href="javascript:void(0);">
  这个链接点击之后不会做任何事情，如果去掉 void()，
  点击之后整个页面会被替换成一个字符 0。
</a>

<a href="javascript:void(document.body.style.backgroundColor='green');">
  点击这个链接会让页面背景变成绿色。
</a>

注意，虽然这么做是可行的，但利用 javascript: 伪协议来执行 JavaScript 代码是不推荐的，推荐的做法是为链接元素绑定 click 事件。

规范

浏览器兼容性

相关链接

• undefined