js基礎---if語句

阿新 • • 發佈：2021-08-24

    條件判斷語句
        - 條件判斷語句也稱為if語句
        - 語法一：
            if(條件表示式){
                語句...
            }
            
            - 執行流程：
                if語句執行時，會先對條件表示式進行求值判斷，
                    如果值為true，則執行if後的語句
                    如果值為false，則不執行
        
        - 語法二：
            if(條件表示式){
                語句...
            }else{
                語句...
            }
            
            - 執行流程：
                if...else語句執行時，會對條件表示式進行求值判斷，
                    如果值為true，則執行if後的語句
                    如果值為false，則執行else後的語句
            
        - 語法三：
            if(條件表示式){
                語句...
            }else if(條件表示式){
                語句...
            }else if(條件表示式){
                語句...
            }else if(條件表示式){
                語句...
            }else{
                語句...
            }
            
            - 執行流程
                - if...else if...else語句執行時，會自上至下依次對條件表示式進行求值判斷，
                    如果判斷結果為true，則執行當前if後的語句，執行完成後語句結束。
                    如果判斷結果為false，則繼續向下判斷，直到找到為true的為止。
                    如果所有的條件表示式都是false，則執行else後的語句

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            
            /*
             * 流程控制語句
             *     - JS中的程式是從上到下一行一行執行的
             *     - 通過流程控制語句可以控制程式執行流程，
             *         使程式可以根據一定的條件來選擇執行
             *  - 語句的分類：
             *         1.條件判斷語句
             *         2.條件分支語句
             *         3.迴圈語句
             * 
             * 
             * 條件判斷語句：
             *     - 使用條件判斷語句可以在執行某個語句之前進行判斷，
             *         如果條件成立才會執行語句，條件不成立則語句不執行。
             *  - if語句
             *     - 語法一：
             *         if(條件表示式){
             *             語句...
             *         }
             *             
             *         if語句在執行時，會先對條件表示式進行求值判斷，
             *         如果條件表示式的值為true，則執行if後的語句，
             *         如果條件表示式的值為false，則不會執行if後的語句。
             *             if語句只能控制緊隨其後的那個語句,
             *                 如果希望if語句可以控制多條語句，
             *                 可以將這些語句統一放到程式碼塊中
             *             if語句後的程式碼塊不是必須的，但是在開發中儘量寫上程式碼塊，即使if後只有一條語句
             *             
              
*/
            
            var a = 25;
            
            if(a > 10 && a <= 20){
                alert("a大於10，並且 a小於等於20");
            }    
            
            
        </script>
    </head>
    <body>
    </body>
</html>

<!DOCTYPE html>
<html 
>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            
            /*
             * if語句
             *     語法二:
             *         if(條件表示式){
             *             語句...
             *         }else{
             *             語句...
             *         }
             * 
             *     if...else...語句
             *         當該語句執行時，會先對if後的條件表示式進行求值判斷，
             *             如果該值為true，則執行if後的語句
             *             如果該值為false，則執行else後的語句
             * 
             *     語法三：
             *         if(條件表示式){
             *             語句...
             *         }else if(條件表示式){
             *             語句...
             *         }else if(條件表示式){
             *             語句...
             *         }else{
             *             語句...
             *         }
             * 
             *         if...else if...else
             *             當該語句執行時，會從上到下依次對條件表示式進行求值判斷
             *             如果值為true，則執行當前語句。
             *             如果值為false，則繼續向下判斷。
             *             如果所有的條件都不滿足，則執行最後一個else後的語句
             *             該語句中，只會有一個程式碼塊被執行，一旦程式碼塊執行了，則直接結束語句
             */
            
            var age = 50;
            
            /*if(age >= 60){
                alert("你已經退休了~~");
            }else{
                alert("你還沒退休~~~");
            }*/
            
            age = 200;
            
            /*if(age > 100){
                alert("活著挺沒意思的~~");
            }else if(age > 80){
                alert("你也老大不小的了~~");    
            }else if(age > 60){
                alert("你也退休了~~");
            }else if(age > 30){
                alert("你已經中年了~~");
            }else if(age > 17){
                alert("你已經成年了");
            }else{
                alert("你還是個小孩子~~");
            }*/
            
            age = 90;
            
            if(age > 17 && age <= 30){
                alert("你已經成年了");
            }else if(age > 30 && age <= 60){
                alert("你已經中年了");
            }else if(age > 60 && age <= 80){
                alert("你已經退休了");
            }else{
                alert("你歲數挺大的了~~");
            }
            
            
        </script>
    </head>
    <body>
    </body>
</html>