🫴为什么看大厂的源码,看不到undefined,看到的是void 0

void 0 是 JavaScript 中的一个表达式,它的作用是 返回 undefined

解释:

  1. void 运算符

    • 它会执行后面的表达式(比如 void 0),但不管表达式的结果是什么,void 始终返回 undefined

    • 例如:

      javascript 复制代码
      console.log(void 0); // undefined
      console.log(void (1 + 1)); // undefined
      console.log(void "hello"); // undefined
  2. 为什么用 void 0 代替 undefined

    • 在早期的 JavaScript 中,undefined 并不是一个保留字,它可以被重新赋值(比如 undefined = 123),这会导致代码出错。
    • void 0确保获取 undefined 的安全方式 ,因为 void 总是返回 undefined,且不能被覆盖。
    • 现代 JavaScript(ES5+)已经修复了这个问题,undefined 现在是只读的,但 void 0 仍然在一些旧代码或压缩工具中出现。

常见用途:

  • 防止默认行为 (比如 <a> 标签的 href="javascript:void(0)"):

    html 复制代码
    <a href="javascript:void(0);" onclick="alert('Clicked!')">
      点击不会跳转
    </a>

    这样点击链接时不会跳转页面,但仍然可以执行 JavaScript。

  • 在函数中返回 undefined

    javascript 复制代码
    function doSomething() {
      return void someOperation(); // 明确返回 undefined
    }

为什么用void 0

源码涉及到 undefined 表达都会被编译成 void 0

js 复制代码
//源码  
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

undefined 是 js 原始类型值之一,也是全局对象window的属性,在一部分低级浏览器(IE7-IE8)中or局部作用域可以被修改。

undefined在js中,全局属性是允许被覆盖的。

js 复制代码
//undefined是window的全局属性
console.log(window.hasOwnProperty('undefined'))
console.log(window.undefined)
js 复制代码
//旧版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);",即当单击该链接时,此表达式将会阻止浏览器去加载新页面或刷新当前页面的行为。

js 复制代码
<!-- 点击下面的链接,不会重新加载页面,且可以得到弹框消息 -->
<a href="javascript:void(0);" onclick="alert('干的漂亮!')">
  点我呀
</a>

总结:

void 0 是一种确保得到 undefined 的可靠方式,虽然在现代 JavaScript 中直接用 undefined 也没问题,但在一些特殊场景(如代码压缩、兼容旧代码)仍然有用。

相关推荐
子兮曰2 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰2 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万2 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝2 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
三十而立洋2 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁2 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
汉堡大王95272 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端
梦想很大很大2 天前
从运行事实到回归证据:Workrun 的 Telemetry 与 Evaluation 实践
前端·人工智能·后端
计算机魔术师2 天前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端
沙蒿同学2 天前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端