非零基础自学前端最后一遍二 JavaScript基础 4 JavaScript基础运算符 4.8 ==和===的区别

￡神魔★判官ぃ 2024-03-25 16:40 73阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  4 JavaScript基础运算符
         *   *  4.8 \\=\\=和\\=\\=\\=的区别
             *   *  4.8.1 \\=\\=和\\=\\=\\=的区别

![在这里插入图片描述][505bf0a02b994134beda970112675b35.png_pic_center]

#### 二 JavaScript基础 ####

#### 4 JavaScript基础运算符 ####

##### 4.8 ==和===的区别 #####

###### 4.8.1 ==和===的区别 ######

*  普通的相等性检查 == 存在一个问题，**它不能区分出 0 和 false，或者空字符串和 false这类运算：**
    
     *  这是因为在比较不同类型的值时，处于判断符号 == 两侧的值会先**被转化为数字**；
     *  空字符串和 false 也是如此，转化后它们都为数字 0；
 *  如果我们需要区分 0 和 false，该怎么办？
    
     *  **严格相等运算符 === 在进行比较时不会做任何的类型转换；**
     *  换句话说，如果 a 和 b 属于不同的数据类型，那么 a === b 不会做任何的类型转换而立刻返回 false；
 *  同样的，“不相等”符号 != 类似，**“严格不相等”表示为 !==**。
 *  严格相等的运算符虽然写起来稍微长一些，但是它能够很清楚地显示代码意图，降低你犯错的可能性。

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    
    <body>
    
      <script>
    
        var foo1 = 0
        var foo2 = ""
    
        // ==运算符, 在类型不相同的情况下, 会将运算元先转成Number的值, 再进行比较(隐式转换)
        // null比较特殊: null在进行比较的时候, 应该是会被当成一个对象和原生类型进行比较的
        console.log(Number(foo1))
        console.log(Number(foo2))
        console.log(foo1 == foo2)
    
        // ===运算符, 在类型不相同的情况, 直接返回false
        console.log(foo1 === foo2)
    
      </script>
    
    </body>
    
    </html>

渲染结果

![在这里插入图片描述][04b1d4c75e2c4032898d326aed185fe8.png_pic_center]

> ==比较的补充

这段比较的运算结果仍然是true

![在这里插入图片描述][71cd9fcf3bf4404f87f02a9320830fce.png_pic_center]

[505bf0a02b994134beda970112675b35.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/6d8ed6a894174487a4f5c2c6b831d86a.png
[04b1d4c75e2c4032898d326aed185fe8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/8b9d1856fc5c4a5ba35efef2a74bb557.png
[71cd9fcf3bf4404f87f02a9320830fce.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/824d87fcff2d41ab9763c460ed3809b4.png