JavaScript之“+“、“!“、“!!“、“!!+“写法使用说明

news/2025/1/11 2:23:49/

目录

1、"+" 的使用

2、"!" 的使用

3、"!!" 的使用

4、"!!+" 的使用

项目实际所用 :


JavaScript 类型转换之高阶写法 "!!+"

1、"+" 的使用

" + " 能将 字符串数字 直接转为 number 类型 ,如果不是 字符串数字 会变成 NaN 类型


谷歌浏览器控制台如何进行代码换行书写 :

Shift  + Enter  一起使用 来 进行 换行


2、"!" 的使用

JavaScript 中 "!" 的用法是比较灵活的 ,它除了做 逻辑运算 ,

常常会用 "!" 做 类型判断 ,可以用 "!" 与上对象来求得一个 布尔值 ,

 "!" 可将 变量 转换成 boolean 类型

0 , null 、 undefined 和 空字符串 ' ' 

取反 ( "!" ) 都为 true ,其余都为 false 。


3、"!!" 的使用

"!!" 能将 number 类型 直接转换为 Boolean 类型

“!!” —— 两个叹号表示把目标值转化为 布尔值 ,相当于使用 Boolean() 方法


4、"!!+" 的使用

"!!+” 能将 字符串数字 快速转换为  Boolean 类型


项目实际所用 :

src / store / modules / app.js

import Cookies from "js-cookie";const state = {sidebar: {opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,withoutAnimation: false},device: 'desktop'
}

http://www.ppmy.cn/news/7282.html

相关文章

SpringCloud-Gateway配置及持久化、过滤器、异常处理

文章目录yml配置代码配置持久化数据结构predicates(断言) 和filters&#xff08;过滤&#xff09;新增配置说明相关接口全局过滤器局部过滤器全局异常处理gateway不能和web一起使用 需要排除掉<dependency><groupId>org.springframework.cloud</groupId><…

加速度计和陀螺仪模型(imu元件)分析

** 一、先分析加速度 ** 1、3自由度&#xff1a;3个轴方向的加速度/力的模型很好理解&#xff0c;前后X&#xff0c;左右Y&#xff0c;上下Z&#xff1b; 2、3自由度: 沿前后轴X方向的滚动&#xff0c;左右轴Y方向的俯仰&#xff0c;上下轴Z方向的偏航&#xff1b; 这三个自由…

RabbitMQ 订阅模型-路由模式

订阅模型-路由模式&#xff0c;此时生产者发送消息时需要指定 RoutingKey&#xff0c;即路由 Key&#xff0c;Exchange 接收到消息时转发到与 RoutingKey 相匹配的队列中。 在 Direct 模型下&#xff1a; 队列与交换机绑定&#xff0c;不能任意绑定&#xff0c;而要指定一个 Ro…

RocketMQ原理篇

文章目录broker与NameServerMessageQueue与Topic的关系生产者、消费者写入读取 消息CommitLog生产者消费者组broker与NameServer 基于 Dledger 实现 RocketMQ 高可用自动切换 broker 会每隔 30 秒向 NameServer 发送一个的心跳 &#xff0c;NameServer 收到一个心跳 会更新对…

元素偏移量 offset、元素可视区 client和元素滚动 scroll

1、元素偏移量 offset 系列 1.1、offset 概述 offset 翻译过来就是偏移量&#xff0c; 我们使用 offset系列相关属性可以动态的得到该元素的位置&#xff08;偏移&#xff09;、大小等。 获得元素距离带有定位父元素的位置获得元素自身的大小&#xff08;宽度高度&#xff09…

SegeX MemDC:实用型双缓冲内存DC (内存DC 封装MemDC)(附免费源代码)

----哆啦刘小洋 原创&#xff0c;转载需说明出处 2022-12-28 SegeX MemDC1 简介2 基础双缓存技术2.1 MFC绘图机制2.1.1 Window绘图消息2.1.2 背景刷新与屏幕闪烁2.2 双缓存技术消除屏幕闪烁2.3 封装3 更加实用的扩充1 简介 在VC中用MFC绘制图像时&#xff0c;为避免屏幕闪烁&a…

【Qt】QtCreator远程部署、调试程序

1、添加远程设备 1)QtCreator 工具–> 选项 --> 设备 --> 添加 2)设备设置向导选择–> Generic Linux Device --> 开启向导 3)填写“标识配置的名称”(随便写)、设备IP、用户名 --> 下一步 4)选择配对秘密文件,第一次配对,可以不填写,点击“下一…

Shell程序编写猜数字的小游戏

文章目录 目录 文章目录 前言 一、设计思路 二、代码编写 三、效果图 总结 前言 在学习Linux课程中学习了一点简单的shell语法&#xff0c;实现了一个猜数字功能的程序。感兴趣的可以看完后自己手动编写玩玩~这个小游戏的编写也是把基础的shell语法基本上都用到了&#…