非零基础自学前端最后一遍二 JavaScript基础 5 JavaScript分支语句 5.4 if-else语句的使用

亦凉 2024-03-25 22:59 63阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  5 JavaScript分支语句
         *   *  5.4 if-else语句的使用
             *   *  5.4.1 多分支语句：if.. else..

![在这里插入图片描述][9cb308037da34923875560dfcc432bcf.png_pic_center]

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

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

##### 5.4 if-else语句的使用 #####

###### 5.4.1 多分支语句：if… else… ######

*  多分支语句一： if… else…
    
     *  if 语句有时会包含一个可选的 “else” 块。
     *  如果判断条件不成立，就会执行它内部的代码。
    
    ![在这里插入图片描述][ebf60a11faba4f64bee3309c947f4541.png_pic_center]
 *  案例一：如果分数超过90分去游乐场，否则去上补习班
    
     *  满足条件时，做某些事情
     *  不满足（else），去做另外一些事情
 *  案例二：m=20，n=30，比较两个数字的大小，获取较大的那个数字

<!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 score = 80
        // 条件成立, 专属的代码块
        // 条件不成立, 专属的代码块
        // if (score > 90) {
          
        //   console.log("去游乐场玩~")
        // } else {
          
        //   console.log("哈哈哈哈")
        // }
    
        // 案例一: 小明超过90分去游乐场, 否则去上补习班
        if (score > 90) {
          
          console.log("去游乐场玩~")
        } else {
          
          console.log("去上补习班~")
        }
    
        // 案例二: 有两个数字, 进行比较, 获取较大的数字
        var num1 = 12 * 6 + 7 * 8 + 7 ** 4
        var num2 = 67 * 5 + 24 ** 2
        console.log(num1, num2)
    
        var result = 0
        if (num1 > num2) {
          
          result = num1
        } else {
          
          result = num2
        }
        console.log(result)
    
      </script>
    
    </body>
    
    </html>

渲染结果

![在这里插入图片描述][82dfcbf5d9d5459ba460421f9e8429e6.png_pic_center]

[9cb308037da34923875560dfcc432bcf.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/ea9b02a530a34492a07087559ccadc99.png
[ebf60a11faba4f64bee3309c947f4541.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/3fc15e63701f4ccaa0c8390a86a9b32b.png
[82dfcbf5d9d5459ba460421f9e8429e6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/7f28bde3943142bba3e576267877f625.png