栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

谈谈JS中的运算符:void的四大用法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

谈谈JS中的运算符:void的四大用法

在实际开发中,根据【变量提升】我们知道如果一个变量声明未赋值,它的值为undefined。

var a;
console.log(a)// undefined

如果我们要判断一个变量是否为undefined,常用的if判断一般是:

if(a===undefined){...}

但是如果有一个变量名称恰巧是undefined,此时就需要严谨判断,void就是不能忽视的功能了。
##一、void运算符简介
void运算符对给定的表达式进行求值,然后返回 undefined

语法:void expression,void运算符通常只用于获取 undefined的原始值,一般使用void(0)。

##二、void运算符的运用

01.立即调用的函数表达式

立即执行函数的()可以用void替代

普通的立即执行函数:

(function fn(){
    console.log(123)
})()

用void表示:

void function fn(){
    console.log(123)
}()
02.在a链接中阻止跳转
  

void(0)会返回undefined,这个链接点击之后不会做任何事情,此时就禁止了页面跳转。但是这样不是所有浏览器都兼容的,很多时候我们用href="#"

 href="#"和href="javascript: void(0)"的区别 

两者都是阻止页面跳转,href="#"执行的时候会在地址栏后面添加#号,还会让页面的滚动条滚动到页面的最上面。

注意:利用 javascript: 伪协议来执行js代码是不推荐的,利用href="#"也有地址栏添加#号的问题,推荐的做法是为链接元素绑定事件。

03.在箭头函数中

箭头函数标准中,当函数返回值是一个不会被使用到的时候,应该使用 void运算符,来确保返回 undefined。

const fn = () => void doSomething();
04.判断值是否为undefined中

在实际开发中,我们判断一个值为undefined的时候,会第一时间想到txt === undefined的例子,但是这样做其实是有bug的,如果一个全局变量也叫undefined,那么此时会发生判断错误,正确的写法应该是txt === void(0)

if(txt === undefined)
if(txt === void(0))
转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号