非零基础自学前端最后一遍二 JavaScript基础 5 JavaScript分支语句 5.8 逻辑或的本质和推导结论

以你之姓@ 2024-03-25 23:00 44阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  5 JavaScript分支语句
         *   *  5.8 逻辑或的本质和推导结论
             *   *  5.8.1 逻辑或的本质

![在这里插入图片描述][7d1cdc5654c542e99e48659b462e89ab.png_pic_center]

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

#### 5 JavaScript分支语句 ####

##### 5.8 逻辑或的本质和推导结论 #####

###### 5.8.1 逻辑或的本质 ######

*  ||（或）两个竖线符号表示“或”运算符（也称为短路或）：
    
    ![在这里插入图片描述][284dc932f7aa4c49a633934925f6db95.png_pic_center]
    
     *  从左到右依次计算操作数。
     *  处理每一个操作数时，都将其转化为布尔值（Boolean）；
     *  如果结果是 true，就停止计算，返回这个操作数的初始值。
     *  如果所有的操作数都被计算过（也就是，转换结果都是 false），则返回最后一个操作数。
 *  注意：返回的值是操作数的初始形式，不会转换为Boolean类型。
 *  换句话说，一个或运算 || 的链，将返回第一个真值，如果不存在真值，就返回该链的最后一个值。
    
    ![在这里插入图片描述][033ab54e4e56451a8641542dc5938f4b.png_pic_center]

<!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>
    
        // 脱离分支语句, 单独使用逻辑或
        /*
          1.先将运算元转成Boolean类型
          2.对转成的boolean类型进行判断
            * 如果为true, 直接将结果(原始值)返回
            * 如果为false, 进行第二个运算元的判断
            * 以此类推
          3.如果找到最后, 也没有找到, 那么返回最后一个运算元
        */
        // var name = "why"
        // name || 运算元2 || 运算元3
    
    
        // 本质推导一: 之前的多条件是如何进行判断的
        var chineseScore = 95
        var mathScore = 99
        // chineseScore > 90为true, 那么后续的条件都不会进行判断
        if (chineseScore > 90 || mathScore > 90) {
           }
    
        // 本质推导二: 获取第一个有值的结果
        var info = "abc"
        var obj = {
           name: "why" }
        var message = info || obj || "我是默认值"
        console.log(message.length)
    
      </script>
    
    </body>
    
    </html>

渲染结果

![在这里插入图片描述][7018be77376946658542db7b49a2abf9.png_pic_center]

[7d1cdc5654c542e99e48659b462e89ab.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/ee4cdb3c483949d8ada86206bc68b6b6.png
[284dc932f7aa4c49a633934925f6db95.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/de157c4742ca4fac9e833b305086cedc.png
[033ab54e4e56451a8641542dc5938f4b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/c0c32cda316b4df5afdad4dea2fe1235.png
[7018be77376946658542db7b49a2abf9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/1bb61d8cc2b64a359b4cf4131bbef83a.png