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

野性酷女 2024-03-25 23:01 37阅读 0赞

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

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

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

![在这里插入图片描述][691308705be8440e80332f6cbd336849.png_pic_center]

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

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

##### 5.9 逻辑与的本质和推导结论 #####

###### 5.9.1 逻辑与的本质 ######

*  &&（或）两个竖线符号表示“与”运算符（也称为短路与）：
    
    ![在这里插入图片描述][1c4879fa09124486be42bf2d143b9c46.png_pic_center]
    
     *  从左到右依次计算操作数。
     *  在处理每一个操作数时，都将其转化为布尔值（Boolean）；
     *  如果结果是 false，就停止计算，并返回这个操作数的初始值（一般不需要获取到初始值）；
     *  如果所有的操作数都被计算过（例如都是真值），则返回最后一个操作数。
 *  换句话说，与运算 返回第一个假值，如果没有假值就返回最后一个值。
    
    ![在这里插入图片描述][0d2fef2988ba40beaf9d53e8176d1499.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 && 运算元2 && 运算元3
        /*
          也可以脱离条件判断来使用
          逻辑与的本质
           1.拿到第一个运算元, 将运算元转成Boolean类型
           2.对运算元的Boolean类型进行判断
             * 如果false, 返回运算元(原始值)
             * 如果true, 查找下一个继续来运算
             * 以此类推
           3.如果查找了所有的都为true, 那么返回最后一个运算元(原始值)
        */
    
        // 本质推导一: 逻辑与, 称之为短路与
        var chineseScore = 80
        var mathScore = 99
        if (chineseScore > 90 && mathScore > 90) {
           }
    
        // 本质推导二: 对一些对象中的方法进行有值判断
        var obj = {
          
          name: "why",
          friend: {
          
            name: "kobe",
            eating: function () {
          
              console.log("eat something")
            }
          }
        }
    
        // 调用eating函数
        // obj.friend.eating()
        obj && obj.friend && obj.friend.eating && obj.friend.eating()
    
      </script>
    
    </body>
    
    </html>

[691308705be8440e80332f6cbd336849.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/b89ada1a9c1e4564bc38d0ff82861ee9.png
[1c4879fa09124486be42bf2d143b9c46.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/33ec3250bcea41b09a35b0d9b0108b47.png
[0d2fef2988ba40beaf9d53e8176d1499.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/792c5f1bb7284508852b2c50c989e272.png