js代码运算符是什么意思(js中符号的用法解读)

最近在前端vue工程开发中看到一个js用法,对js初学者来说这是一个容易混淆的地方,趁此机会研究研究!!的用法,我来为大家科普一下关于js代码运算符是什么意思?以下内容希望对你有帮助!

js代码运算符是什么意思(js中符号的用法解读)

js代码运算符是什么意思

最近在前端vue工程开发中看到一个js用法,对js初学者来说这是一个容易混淆的地方,趁此机会研究研究!!的用法。

if (!!getItem('Authorization')) { console.log('已登录') }

1、!的用法

!可将变量转换成布尔类型,对null、undefined和空字符串取反后均为true,对于非空字符串或非null对象,执行!运算后则为false,例如:

!null = true;

!undefined = true;

!'' = true;

!'wang' = false;

2、!!的用法

知道了!用法,!!就好理解啦,其实就是取非后再取非,常常用来做非空判断。!!常常可以简化代码,例如下面判断变量val为非null,未定义或者非空串才能执行方法体。

复杂写法:

var val; if(val!=null&&typeof(val)!=undefined&&val!=''){ console.log('执行...'); }

利用!!只需要写一个判断表达:

if(!!val){ console.log('执行...'); }

两种写法达到的效果相同,val是有实际含义的变量才执行if内容,否则变量是null、undefined或''时都不会执行以下if代码块。综上所述!可以与变量进行逻辑与运算,然后转换为布尔值,!!正是这种运算的一个很好运用,使js在判断变量类型时变得高效。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页