首页 > 编程语言 >JavaScript 非运算(!)之双感叹号的使用技巧

JavaScript 非运算(!)之双感叹号的使用技巧

时间:2022-09-03 18:56:24浏览次数:90  
标签:假值 false JavaScript 之双 运算符 感叹号 null true

我的另一篇博文中提到JavaScript 有哪些是假值,哪些是真值。对于 null、undefined、"",等一些假值,JavaScript 直接视为 false。

我有一个需求,判断从浏览器中获取的 Cookie 是否存在,如果存在我就返回 true,否则返回 false。useCookies().get(name)函数返回 any 类型的值(VueUse 库中的工具函数),而 undefined、null 都是 false。最简单的实现是:

let isDefined = useCookies().get(name) ? true : false;

假如获取的是 undefined、""、或 null。变量 isDefined 得到的布尔值是 false,反之为 true。现在,我不使用二元逻辑运算符,通过双感叹号(!非操作符)实现同样的效果,且代码更简洁。

❗注意:这些假值直接通过赋值运算符是不会被转换成布尔值的,也就是说,null 通过赋值运算符给另一个变量还是 null。只是在其他运算中(if 判断、&&、||),这些假值会被转换成 false。

为了避免提示中说到的问题,先用!将假值转换为 true,然后再加一个!把它转换为 false。所以,简化之后的代码如下:

let isDefined = !!useCookies().get(name);

标签:假值,false,JavaScript,之双,运算符,感叹号,null,true
From: https://www.cnblogs.com/Enziandom/p/16653323.html

相关文章