码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2020-05-22 09:25:43      阅读:56      评论:0      收藏:0      [点我收藏+]

标签:doc   表达   比较   代码   alert   back   ice   init   控制语句   

以下是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篇(七)——流程控制语句(一)

标签:doc   表达   比较   代码   alert   back   ice   init   控制语句   

原文地址:https://www.cnblogs.com/lyrebirth-world/p/12934934.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!