Web全栈工程师之路(三)——JavaScript篇(七)——流程控制语句(一)

DOCTYPE html>
html lang="zh">
head>
    meta charset="UTF-8">
    meta name="viewport" content="width=device-width, initial-scale=1.0">
    title>JS初步(七)——流程控制语句(一)title>
    script>
        /*  
            流程控制语句
                - 语句的分类:
                    1.条件判断语句
                    2.条件分支语句
                    3.循环语句
                
            条件判断语句:
                - 使用条件判断语句可以在执行某个语句之前进行判断，
                  如果条件成立才会执行语句，条件不成立则语句不执行。

                - if语句
                    - 语法一：if(条件表达式)
                                语句...

                    - if语句在执行时，会先对条件表达式进行求值判断，
                      如果条件表达式的值为true，则执行if后的语句
                      如果条件表达式的值为false，则不会执行if后的语句。
                      在不加{}的情况下，if语句只能控制紧随其后的那个语句
                    - 一般最好加代码块

                    - 语法二：if(条件表达式){
                                语句...
                              }else{
                                语句...
                              }

                    - 当该语句执行时，会先对if后的条件表达式进行求值判断，
                      如果该值为true，则执行if后的语句
                      如果该值为false，则执行else后的语句
                    
                    - 语法三：if(条件表达式){
                                语句...
                              }else if(条件表达式){
                                语句...
                              }else if(条件表达式){
                                语句...
                              }else{
                                语句...  
                              }

                    - 当该语句执行时，会从上到下依次对条件表达式进行求值判断
                      如果值为true，则执行当前语句
                      如果值为false，则继续向下判断
                      如果所有的条件都不满足，则执行最后一个else后的语句
                      该语句中，只会有一个代码块被执行，一旦代码块执行了，则直接结束语句
        
            
            条件分支语句(switch语句):
                语法：
                    switch(条件表达式){
                      case 表达式:
                        语句...
                        break;
                      case 表达式:
                        语句...
                        break;
                      default:
                        语句...
                        break;
                    }
                执行流程：
                  switch...case...语句
                  - 在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较
                    如果比较结果为true，会从那个case开始执行相关case内代码
                    在case内没加break的情况下，程序执行完当前case之后还会继续向下执行其他的case，
                      直到下一个case内部有break为止或者case全部走一遍为止
                    如果比较结果为false，则继续向下比较
                  - 使用break会跳出switch语句
                  - default语句为非必须语句，作用是在其它case的比较结果为false的情况下，执行default里的语句
                  - 建议每个case带上break
        
            switch语句和if语句的功能实际上是有重复的，使用switch可以实现if的功能，同样反过来也一样，初期按习惯使用
        
        */

        //if条件语句
        var a = 12;
        if(a >= 9 && a  11){
            alert("这个a的值是在9到11之间的")
        }else if(a  9){
            alert("这个a的值是小于9的")
        }
        else{
            alert("这个a的值是大于11的")
        }

        //switch条件语句
        var a = 2;
        
        switch(a){ //内部无break
          case 1:
            console.log("一");
          case 2:
            console.log("二");
          case 3:
            console.log("三");
          
        }

        var a = "abc"

        switch(a){ //内部有break
          case "cde":
            console.log("cde");
          case "abc":
            console.log("abc");
            break;
          case "bcd":
            console.log("bcd");
          default:
            console.log("上面条件都不等的情况下执行~")
        }
    script>
head>
body>
    
body>
html>