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

我的另一篇博文中提到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。现在，我不使用二元逻辑运算符，通过双感叹号(!非操作符)实现同样的效果，且代码更简洁。

❗注意：JavaScript 的假值通过赋值运算符是不会被转换成布尔值的，也就是说，null 通过赋值运算符给另一个变量还是 null。只是在逻辑运算中（如 if、&&、||），这些假值才会被转换成 false。

用!将假值转换为 true，再加一个!把它转换为 false。所以，简化之后的代码如下：

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