Web全栈工程师之路——JavaScript篇——流程控制语句

Posted lyrebirth-world

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web全栈工程师之路——JavaScript篇——流程控制语句相关的知识,希望对你有一定的参考价值。

以下是html代码,个人建议放在IDE里运行,边看效果,边学习~

<!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>

以上是关于Web全栈工程师之路——JavaScript篇——流程控制语句的主要内容,如果未能解决你的问题,请参考以下文章

Web全栈工程师之路——JavaScript篇——流程控制语句

买《Java Web全栈工程师之路》专题视频课程送纸质图书

一名全栈工程师Node.js之路

我的JAVA工程师之路——javaScript篇

原创|读书笔记温故前端之一

我的web安全工程师学习之路——规划篇