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

对于 null、undefined、"" 这些假值?,JavaScript 直接视为 false。

创新互联公司主要为客户提供服务项目涵盖了网页视觉设计、VI标志设计、成都全网营销推广、网站程序开发、HTML5响应式网站建设成都做手机网站、微商城、网站托管及成都网站维护、WEB系统开发、域名注册、国内外服务器租用、视频、平面设计、SEO优化排名。设计、前端、后端三个建站步骤的完善服务体系。一人跟踪测试的建站服务标准。已经为食品包装袋行业客户提供了网站开发服务。

我有一个需求,判断从浏览器中获取的 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);

网站标题:JavaScript 非运算(!)之双感叹号的使用技巧
当前链接:https://www.cdcxhl.com/article18/dsojggp.html

成都网站建设公司_创新互联,为您提供建站公司品牌网站建设App设计移动网站建设用户体验微信小程序

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站优化排名