百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

在JavaScript中,你不需要void 0

bigegpt 2024-08-26 11:09 2 浏览

原文:https://p42.ai/blog/2022-05-10/you-dont-need-void-0

在Js代码中,尤其在老旧代码里,你有时会发现 void 0 表达式。

void 操作,执行一个表达式,并且返回一个原始值 undefinedvoid 0 执行表达式 0,这什么也没做,然后就返回一个 undefined。这个表达式等价于 undefined 而且非常有效。

为什么需要它来替代undefined?

在JavaScript, undefined 并不是保留的关键字(怪癖之一)。相反,它只是一个全局对象的属性。

ES5(2009)年之前,用户代码是可以修改全局属性 undefined ,这可能会导致一些意料之外的行为。

考虑下,的事例(不能在现代的JS引擎里执行):

// Pre-ES5 example - does not work in modern JS engines:

// 改变全局对象的 undefined 属性
undefined = "something else"; 

// 其他某个地方 可能有这么一个判断
if (aVariable === undefined) {
  // 等价于 aAvariable === 'something else'
  // 而不是 undefined
  doSomething();
}

ES5之后的全局属性 undefined

undefined 能够通过全局属性来修改,是个大问题。以至于之后的ES标准有改变这一行为。在ES5里面,全局属性 undefined 是一个只读属性,在现代JS引擎里,尝试去改变这个值,他将什么也不做。

globalThis.undefined = "something else";
console.log(undefined); // 在现代JS环境里面,打印的是 undefined

undefined 依然能够被一个本地变量所覆盖

尽管现在不能直接改变 undefined ,但是它在JS里依旧不是一个保留关键字。因此,它仍然能够被一个本地变量所覆盖。

const undefined = "something else";
let check = aVariable === void 0; // void 0 在这里是必要的

有一个叫 undefined 的本地变量名,是你需要极力避免的一个陷阱。ESlint中的 no-undefined 规则不允许使用 undefined 作为变量名,去避免这种被覆盖的问题。

Void 0能够减少打包尺寸吗?

表达式 void 0 比 undefined 要短。JavaScript的尺寸,对于创建一个需要快速加载的网站是非常重要的。并且剃掉部分字符是很有用的。

但是, 最好还是把基本代码的压缩优化(Terser)作为生产打包的一部分。它们能够做很多不同的优化,并且使源代码依旧保留着可读性,而不需要任何手动的对代码做大小优化。例如使用 void 0 代替 undefined。

在现在JS环境里避免使用 void 0

总结一下,在现代浏览器和JS引擎中,不再有任何理由使用void 0。

  • 在ES5之后,全局属性 undefined 不能被修改
  • 本地变量名覆盖的问题,能被 ESlint的 no-undefined规则禁用掉
  • 代码压缩能够替换 undefined 为 void 0,当我们构建生产代码时

在另一方面, void 0使得JavaScript代码难以阅读和理解,因为你需要知道 void 0 意味着什么,以及对同一个概念处理两个不同的东西(undefined、void 0)。

你完全可以使用 undefined 而不是 void 0

相关推荐

Docker篇(二):Docker实战,命令解析

大家好,我是杰哥上周我们通过几个问题,让大家对于Docker有了一个全局的认识。然而,说跟练往往是两个概念。从学习的角度来说,理论知识的学习,往往只是第一步,只有经过实战,才能真正掌握一门技术所以,本...

docker学习笔记——安装和基本操作

今天学习了docker的基本知识,记录一下docker的安装步骤和基本命令(以CentOS7.x为例)一、安装docker的步骤:1.yuminstall-yyum-utils2.yum-con...

不可错过的Docker完整笔记(dockerhib)

简介一、Docker简介Docker是一个开源的应用容器引擎,基于Go语言并遵从Apache2.0协议开源。Docker可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,...

扔掉运营商的 IPTV 机顶盒,全屋全设备畅看 IPTV!

其实现在看电视节目的需求确实大大降低了,折腾也只是为了单纯的让它实现,享受这个过程带来的快乐而已,哈哈!预期构想家里所有设备直接接入网络随时接收并播放IPTV直播(电信点播的节目不是太多,但好在非常稳...

第五节 Docker 入门实践:从 Hello World 到容器操作

一、Docker容器基础运行(一)单次命令执行通过dockerrun命令可以直接在容器中执行指定命令,这是体验Docker最快捷的方式:#在ubuntu:15.10容器中执行ech...

替代Docker build的Buildah简单介绍

Buildah是用于通过较低级别的coreutils接口构建OCI兼容镜像的工具。与Podman相似,Buildah不依赖于Docker或CRI-O之类的守护程序,并且不需要root特权。Builda...

Docker 命令大全(docker命令大全记录表)

容器生命周期管理run-创建并启动一个新的容器。start/stop/restart-这些命令主要用于启动、停止和重启容器。kill-立即终止一个或多个正在运行的容器rm-于删除一个或...

docker常用指令及安装rabbitMQ(docker安装rabbitmq配置环境)

一、docker常用指令启动docker:systemctlstartdocker停止docker:systemctlstopdocker重启docker:systemctlrestart...

使用Docker快速部署Storm环境(docker部署confluence)

Storm的部署虽然不是特别麻烦,但是在生产环境中,为了提高部署效率,方便管理维护,使用Docker来统一管理部署是一个不错的选择。下面是我开源的一个新的项目,一个配置好了storm与mono环境的D...

Docker Desktop安装使用指南:零基础教程

在之前的文章中,我多次提到使用Docker来安装各类软件,尤其是开源软件应用。鉴于不少读者对此有需求,我决定专门制作一期关于Docker安装与使用的详细教程。我主要以Macbook(Mac平台)为例进...

Linux如何成功地离线安装docker(linux离线安装httpd)

系统环境:Redhat7.2和Centos7.4实测成功近期因项目需要用docker,所以记录一些相关知识,由于生产环境是不能直接连接互联网,尝试在linux中离线安装docker。步骤1.下载...

Docker 类面试题(常见问题)(docker面试题目)

Docker常见问题汇总镜像相关1、如何批量清理临时镜像文件?可以使用sudodockerrmi$(sudodockerimages-q-fdanging=true)命令2、如何查看...

面试官:你知道Dubbo怎么优雅上下线的吗?你:优雅上下线是啥?

最近无论是校招还是社招,都进行的如火如荼,我也承担了很多的面试工作,在一次面试过程中,和候选人聊了一些关于Dubbo的知识。Dubbo是一个比较著名的RPC框架,很多人对于他的一些网络通信、通信协议、...

【Docker 新手入门指南】第五章:Hello Word

适合人群:完全零基础新手|学习目标:30分钟掌握Docker核心操作一、准备工作:先确认是否安装成功打开终端(Windows用户用PowerShell或GitBash),输入:docker--...

松勤软件测试:详解Docker,如何用portainer管理Docker容器

镜像管理搜索镜像dockersearch镜像名称拉取镜像dockerpullname[:tag]列出镜像dockerimages删除镜像dockerrmiimage名称或id删除...