void 运算符

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

void 运算符对给定的表达式进行求值，然后返回 undefined。

本文内容

尝试一下

const output = void 1;
console.log(output);
// Expected output: undefined

void console.log("expression evaluated");
// Expected output: "expression evaluated"

void (function iife() {
  console.log("iife is executed");
})();
// Expected output: "iife is executed"

void function test() {
  console.log("test function executed");
};
try {
  test();
} catch (e) {
  console.log("test function is not defined");
  // Expected output: "test function is not defined"
}

语法

void expression

描述

这个运算符允许在表达式执行完成时，产生（某些地方）期望获得的 undefined 值。

void 运算符通常只用于获取 undefined 的原始值，一般使用 void(0)（等同于 void 0）。在上述情况中，也可以使用全局变量 undefined 来代替。

需要注意考虑 void 运算符的优先级，以下加括号的表达式的例子可以帮助你清楚地理解 void 操作符的优先级：

js
void 2 === "2"; // (void 2) === '2'，返回 false
void (2 === "2"); // void (2 === '2')，返回 undefined

示例

立即调用的函数表达式

在使用立即调用的函数表达式时，function 关键字不可直接位于语句开头，因为该表达式会被解析为函数声明，并会在解析到代表调用的括号时产生语法错误。如果是匿名函数，那么如果函数被解析为声明，就会立即产生语法错误。

js
function iife() {
  console.log("Executed!");
}(); // SyntaxError: Unexpected token ')'

function () {
  console.log("Executed!");
}(); // SyntaxError: Function statements require a function name

为了使函数被解析为表达式，function 关键字必须出现在一个只接受表达式而不是语句的位置。这可以通过在关键字前加一个一元运算符来实现，它只接受表达式作为操作数。函数调用的优先级比一元运算符高，所以它将被首先执行。它的返回值（几乎总是 undefined）将被传递给一元运算符，然后立即被丢弃。

在所有的一元运算符中，void 提供了最好的语义，因为它明确表示函数调用的返回值应该被丢弃。

js
void (function () {
  console.log("Executed!");
})();

// Output: "Executed!"

这比用圆括号包裹函数表达式要长一些，圆括号的作用是强迫 function 关键字被解析为表达式的开始，而不是语句。

js
(function () {
  console.log("Executed!");
})();

JavaScript URI

当用户点击一个以 javascript: 开头的 URI 时，它会执行 URI 中的代码，然后用返回的值替换页面内容，除非返回的值是 undefined。void 运算符可用于返回 undefined。例如：

html
<a href="javascript:void(0);"> 这个链接点击之后不会做任何事情 </a>

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

备注：利用 javascript: 伪协议来执行 JavaScript 代码是不推荐的，推荐的做法是为链接元素绑定事件。

在箭头函数中避免泄漏

箭头函数标准中，允许在函数体不使用括号来直接返回值。如果右侧调用了一个原本没有返回值的函数，其返回值改变后，则会导致非预期的副作用。安全起见，当函数返回值不会被使用到的时候，应该使用 void 运算符，来确保 API 改变时，并不会改变箭头函数的行为。

button.onclick = () => void doSomething();

这确保了当 doSomething 的返回值从 undefined 变为 true 的时候，不会改变代码的行为。

undefined

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2025年7月16日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题