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

JS中的void用起来了吗?

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

Hello,大家好,我是前端老法师,本文和大家一起【温故知新】[耶]

JS中void是什么?语法介绍[偷笑]

void是JavaScript中的一元操作符之一,用于执行一个表达式,并且返回 undefined。下面是语法:

void expression;

是不是还是很懵?直接看示例代码

let d1 = void -1;
let d2 = void '23123'; 
let d3 = void a();
  1. 这个表达式,可以是一个常量、变量或者一个函数
  2. 无论表达式是什么,返回的结果永远都是 undefined。

[爱慕]Tips

老的前端开发可能看到过这样的代码,用于阻止a标签跳转的

<a href="javascript:viod(-1)">23123</a>

所以,void操作符既可以带括号,也可以不带括号。但是建议大家还是不要带括号,毕竟这是官方的语法指南。

好了,那么 void 有什么用呢?

void能干啥?用途介绍[胡瓜]

1、给变量赋 undefined 值

这个听上去是不是很傻,给变量赋undefined,方式太多了吧,例如直接声明不赋值,那么他就是undefined,或者显示的直接赋值undefined。

// 方式一
let a; 
// 方式二
let b = undefined;

先说方式二的问题,有一个关键点,undefined 不是js保留关键字(是的,这是一个js遗留问题),也就意味着,undefined 是可以拿着当变量使用的。所以,方式二不保险。

再说方式一,这种方式主要是在ts的问题里面,无法推断变量的类型。这个时候a属于any类型,当然,除非你显示的去声明。

因此,比较推荐的做法就是使用void来处理。

let a = void 0;

2、阻止HTML中 a 标签的跳转

这个前面介绍语法的时候已经提到了,这里不再累述

3、显示的表明,不关心函数返回

void functionName();

这样的好处有几点:

  1. 可读性强,告诉大家,者函数执行就好了,我不关心他的返回
  2. 避免一些比不要的 IDE告警

和TS中的void区别

  • JavaScript 中的 void 是运算符,用于执行表达式并返回 undefined。
  • TypeScript 中的 void 是一种类型,用于表示函数没有返回值或返回 undefined。
  • JavaScript 的 void 主要用于执行表达式并获取 undefined 值,而 TypeScript 的 void 主要用于函数返回类型和变量类型声明,以指示缺少返回值或变量可以存储 undefined。

总之,尽管它们在名称上相似,但在语言中的用途和语法中有明显的区别。

TS中使用void操作符的一个小注意事项[绿帽子]

在ts严格模式下,通过void声明的变量,被推断为undefined类型,所以他只能接收undefined的赋值,而在非严格模式下,因为null和undefined的可以互转。所以既可以赋值undefined也可以是null。

??[思考]最后,献上一段代码,供大家思考,结束本文,

// 一个三目表达式的示例
let c = a !== void 0 ? '123' : '456';  // Good
let c = a !== undefined ? '123' : '456'; // Bad

如果文章对你有帮助,欢迎【评论】【关注】,也可以私信加V一起搞技术

相关推荐

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删除...