详解JavaScript (!!) 中的双感叹号是干什么用的

 更新时间:2022年09月14日 09:13:47   作者:amboke  
JavaScript 不是静态语言,而是动态语言,这意味着变量可以引用或保存任何类型的值,此外,该类型可以随时更改,这篇文章主要介绍了JavaScript (!!) 中的双感叹号作用,需要的朋友可以参考下

JavaScript (!!) 中的双感叹号是干什么用的?

如果您曾在某人的 JavaScript 代码中注意到双感叹号 (!!),您可能会好奇它的用途和作用。这很简单:这是一种将变量转换为布尔值(真或假)的捷径。让我解释。

 typeof JavaScript!= '静态'

JavaScript 不是静态语言,而是动态语言。这意味着变量可以引用或保存任何类型的值,此外,该类型可以随时更改。无论您喜欢静态语言还是动态语言,都由您决定。

但是,我们当然可以对 JavaScript 中的类型有所了解。以下是 JavaScript 中各种数据类型的快速列表:

  • 布尔值
  • 细绳
  • 数字
  • 目的

布尔数据类型是所有数据类型中最简单的,因为它是单个位值:0(假)或 1(真)。

真与真

我们可以将变量设置为布尔值,并在评估 if 语句时使用它。这是我们的简单示例。

 功能() {  
 var thisIsTrue = true;  
 如果(thisIsTrue){  
 window.alert('当然是!');  
 }  
 }

执行上述函数时,我们将收到警报 那当然是! 因为变量 这是真实的 被设置为布尔值 真的 .

现在,让我们看看 JavaScript 如何评估非布尔值以将其转换为布尔值。

 功能() {  
 无变量 = '';  
 如果(什么都没有){  
 window.alert('没什么');  
 } 别的 {  
 window.alert('嗯?');  
 }  
 }

执行上述函数时,我们将收到警报 嗯? 因为变量的值 没有什么 被评估为假。这就是通常所说的 真相 相对 谬误 .

JavaScript 认为以下值是假的:

  • 很多时候: “”
  • 0
  • 无效的
  • 不明确的

JavaScript 认为以下值为真:

  • 目的: {}
  • 种类: []
  • 非空字符串: “任何事物”
  • 非零数: 3.14
  • 日期: 新日期();

运行您的代码的 JavaScript 引擎将在必要时尝试将值转换(或强制)为布尔值,例如在 if 语句中求值时。

那么为什么要双感叹号呢?

在某些情况下,您可能希望将变量强制转换为显式布尔值。因为?嗯,第一个原因是大多数时候开发人员不使用类型安全的比较运算符。

类型安全的比较运算符是:

  • 严格相等: ===
  • 严格不相等: !==

使用类型安全的比较运算符时,您正在检查值是否相等(或不相等)以及类型是否相同。如果没有类型安全的比较运算符,您将允许 JavaScript 引擎根据真/假逻辑自由地强制您的变量为真或假。

要将 JavaScript 变量转换为布尔值,只需使用两个感叹号:

功能() {  
 var name = '布赖恩'; //警报'字符串'  
 window.alert(类型名称); //转换为布尔值  
 var bool = !!name; //警报'布尔'  
 window.alert(bool 类型);  
 }

在上面的示例代码中,我们正在转换字符串 “布赖恩” 为了一个值 布尔值 .所以第二个警报将表明该变量现在是 布尔值 勇气。

由 Brian F Love 的博客免费翻译,您可以在此处访问原始文章: https://brianflove.com/2014-09-02/whats-the-double-exclamation-mark-for-in-javascript/

到此这篇关于JavaScript (!!) 中的双感叹号是干什么用的?的文章就介绍到这了,更多相关JavaScript (!!) 双感叹号内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS伪继承prototype实现方法示例

    JS伪继承prototype实现方法示例

    这篇文章主要介绍了JS伪继承prototype实现方法,结合实例形式对比分析了基于prototype实现模拟继承的相关操作技巧,需要的朋友可以参考下
    2018-06-06
  • 原生JS实现分享侧边栏

    原生JS实现分享侧边栏

    这篇文章主要为大家详细介绍了原生JS实现分享侧边栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JS中正则表达式只有3种匹配模式(没有单行模式)详解

    JS中正则表达式只有3种匹配模式(没有单行模式)详解

    下面小编就为大家带来一篇JS中正则表达式只有3种匹配模式(没有单行模式)详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 使用threejs实现滚动效果的示例代码

    使用threejs实现滚动效果的示例代码

    某一天我在刷抖音时,看到一个UI设计师分享了一个好看的网页滚动动效设计,那种飘逸流畅的动画效果立刻抓住了我的眼球,我脑海里立刻开始想象用代码如何实现这个效果,所以本文给大家分享了如何使用threejs实现滚动效果,感兴趣的朋友可以参考下
    2024-01-01
  • JS下拉框内容左右移动效果的具体实现

    JS下拉框内容左右移动效果的具体实现

    这篇文章介绍了JS下拉框内容左右移动效果的具体实现方法,有需要的朋友可以参考一下
    2013-07-07
  • Javascript访问Promise对象返回值的操作方法

    Javascript访问Promise对象返回值的操作方法

    这篇文章介绍了如何在JavaScript中使用Promise对象来处理异步操作,通过使用fetch()方法和Promise对象,我们可以从后端API获取数据并处理返回值,文章展示了如何使用.then()链式操作和async/await语法来访问Promise对象的返回值,感兴趣的朋友一起看看吧
    2025-03-03
  • javascript添加前置0(补零)的几种方法

    javascript添加前置0(补零)的几种方法

    很多时候为了显示格式,需要在某一字符串不满位的情况下进行前补0操作。下面这篇文章就给大家主要介绍了javascript添加前置0(补零)的几种方法,文中给出了详细的示例代码,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-01-01
  • javascript 事件对象 坐标事件说明

    javascript 事件对象 坐标事件说明

    javascript 事件对象 坐标事件说明,学习js坐标事件的朋友可以参考下。
    2010-05-05
  • JavaScript仿淘宝放大镜效果

    JavaScript仿淘宝放大镜效果

    这篇文章主要为大家详细介绍了JavaScript仿淘宝放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 在vue中为什么不能用index作为key

    在vue中为什么不能用index作为key

    这篇文章主要介绍了在vue中为什么不能用index作为key,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09

最新评论