void 0
是 JavaScript 中的一个表达式,它的作用是 「返回 undefined
」。
「void
运算符」:
void 0
),但不管表达式的结果是什么,void
始终返回 undefined
。console.log(void0); // undefined
console.log(void (1 + 1)); // undefined
console.log(void"hello"); // undefined
「为什么用 void 0
代替 undefined
?」
undefined
并不是一个保留字,它可以被重新赋值(比如 undefined = 123
),这会导致代码出错。void 0
undefined
的安全方式」,因为 void
总是返回 undefined
,且不能被覆盖。undefined
现在是只读的,但 void 0
仍然在一些旧代码或压缩工具中出现。「防止默认行为」(比如 <a>
标签的 href="javascript:void(0)"
):
<a href="javascript:void(0);"onclick="alert('Clicked!')">
点击不会跳转
</a>
这样点击链接时不会跳转页面,但仍然可以执行 JavaScript。
「在函数中返回 undefined
」:
functiondoSomething() {
returnvoidsomeOperation(); // 明确返回 undefined
}
源码涉及到 undefined 表达都会被编译成 void 0
//源码
const a: number = 6
a === undefined
//编译后
"use strict";
var a = 6;
a === void 0;
也就是void 0 === undefined
。void 运算符通常只能用于获取 undefined 的原始值,一般用void(0),等同于void 0,也可以使用全局变量 undefined 替代。
undefined 是 js 原始类型值之一,也是全局对象window的属性,在一部分低级浏览器(IE7-IE8)中or局部作用域可以被修改。
undefined在js中,全局属性是允许被覆盖的。
//undefined是window的全局属性
console.log(window.hasOwnProperty('undefined'))
console.log(window.undefined)
//旧版IE
var undefined = '666'
console.log(undefined)//666 直接覆盖改写undefined
window.undefined在局部作用域中是可以被修改的 在ES5开始,undefined就已经被设定为仅可读的,但是在局部作用域内,undefined依然是可变的。
①某些情况下用undefined判断存在风险,因undefined有被修改的可能性,但是void 0返回值一定是undefined
②兼容性上void 0 基本所有的浏览器都支持
③ void 0比undefined字符所占空间少。
void(0) 表达式会返回 undefined 值,它一般用于防止页面的刷新,以消除不需要的副作用。
常见用法是在 <a> 标签上设置 href="javascript:void(0);",即当单击该链接时,此表达式将会阻止浏览器去加载新页面或刷新当前页面的行为。
<!-- 点击下面的链接,不会重新加载页面,且可以得到弹框消息 -->
<ahref="javascript:void(0);"onclick="alert('干的漂亮!')">
点我呀
</a>
void 0
是一种确保得到 undefined
的可靠方式,虽然在现代 JavaScript 中直接用 undefined
也没问题,但在一些特殊场景(如代码压缩、兼容旧代码)仍然有用。
欢迎大家访问我们的刷题网站(https://fe.ecool.fun/)或者小程序 前端面试题宝典 进行刷题,1200多道全网最全的前端面试题,让你一网打尽。近期还有会员卡免费领,全场打折的活动不容错过!刷题会员周卡免费送
有会员购买、辅导咨询的小伙伴,可以通过下面的二维码,联系我们的小助手。