由浅入深JavaScript6基础-语句1

最新推荐文章于 2017-08-17 15:51:15 发布

尼古拉斯_张三

最新推荐文章于 2017-08-17 15:51:15 发布

阅读量344

点赞数 1

分类专栏： web前端大神前端——JavaScript板块文章标签： JavaScript 分支 if switch 语句

本文链接：https://blog.csdn.net/zhangdongxu999/article/details/72901896

版权

web前端同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

大神前端——JavaScript板块

15 篇文章 7 订阅

订阅专栏

JavaScript语句
JavaScript语句也称流程控制语句语句通常使用一个或多个关键字来完成给定任务
大多数语言都有语句例如：if，for这些便是语句。

JavaScript分支语句——if
   if基本语法
   if（表达式）{
       statement；
   }

如果表达式为真，则执行具体的statement语句；
否则不执行。

何为真何为假
eg：
       <script>
           var num = 0;//为假
           var num2 = 1;//为真
           var str = '';//为假
           var a ;//为假
           var a2 = undefined; //为假
           var obj= null;//为假
           var boo1 = 'false';//为真
           var boo2 = '0';//为真
           var boo3 = 'true';//为真
           var boo4 = '1';//为真
           var boo5 = false;//为假
           var boo6 =true;//为真
           if(boo4){
               alert('为真');
           }else{
               alert('为假');
           }
       </script>
根据例子我们可以看出：数字0，空字符串，null,undefined,false都是false
对于字符串类型只要不是空字符串都会被当做真，即使'false','0'都是真。
因为对于字符串类型他判断的是该变量（为对象）存不存在，而不是具体的字符串
内容。
对于数字0,1到是与false,true,相通。0是false1是true,这在各大语言都是一致。
也称非0即真。从底层来说这就和计算机电路只能表示正负极，从而表示二进制0,1
有关。

回归主题，既然知道了何为真何为假，我们继续深入讨论if分支语句。

if语句的加深
   if（表达式1）{
       statement1语句；
   }else if（表达式2）{
       statement2语句；
   }else if（表达式3）{
       statement3语句；
   }else{
       statement语句；
   }

判断是否满足表达式1满足则执行statement1语句；不满足往下执行继续判断，
看看是否满足表达式2，满足执行statement2语句；，不满足继续往下执行，
如果都不满足，则执行else语句内容。
其中else if 可以写N个，即没有数量限制。

eg:一个判断身体健康的例子
       <script>
           window.onload = function(){
               var oBtn = document.getElementById('btn1');
               var oTxt = document.getElementById('text1');
               oBtn.onclick = function(){
                   if(oTxt.value>=50&&oTxt.value<=70){
                       alert('正常');
                   }else if(oTxt.value<50){
                       alert('偏瘦')
                   }else{
                       alert('偏重')
                   }
               }
           }

       </script>
   </head>
   <body>
       <p>请输入体重kg</p>
       <input type="text" id='text1'>
       <input type="button" value="测试" id="btn1"/>
   </body>

JavaScript分支语句——switch
   switch语句和if语句一样都是表示分支的。具体语法如下。
       switch (expression){
          case value: statement;
           break;
          case value: statement;
           break;
          case value: statement;
           break;
          case value: statement;
           break;
       ...
          case value: statement;
           break;
          default: statement;
       }
      每个case代表一种分支，如果expression等于value就执行当前case的
   statement；
       关键字break会使得代码跳出switch语句。如果没有关键字
   break代码就会继续往下执行，如果没有break，代码会继续往下执行。
       关键字default表示如果所有的case都不满足表达式则执行default的
   statement；
eg：没有break的例子
       <script>
           var num = 1;
           switch(num){
               case 1:
                   alert('1');
               case 2:
                   alert('2');
               case 3 :
                   alert('3');
               default:
                   alert('default');
           }
       </script>
       会依次输出，1,2，3，default；
eg:一个完整的switch例子，星座判断。
       <script>
           window.onload = function(){
               var oBtn = document.getElementById('btn1');
               var oTxt = document.getElementById('text1');
               oBtn.onclick = function(){
                   var sValue = parseInt(oTxt.value);
                   if(isNaN(sValue)){
                       alert('输入不正确');
                   }else{
                       switch(sValue){
                           case 1:
                           alert('水瓶座');
                           break;
                           case 2:
                           alert('双鱼');
                           case 3:
                           alert('白羊');
                           default:
                           alert('还有好多');
                       }
                   }
               }
           }

       </script>
   </head>
   <body>
       <p>星座测试，请输入月份</p>
       <input type="text" id='text1'>
       <input type="button" value="测试" id="btn1"/>
   </body>

未完待续……

尼古拉斯_张三

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
由浅入深JavaScript6基础-语句1

JavaScript语句JavaScript语句也称流程控制语句语句通常使用一个或多个关键字来完成给定任务大多数语言都有语句例如：if，for这些便是语句。JavaScript分支语句——if if基本语法 if（表达式）{ statement； }如果表达式为真，则执行具体的statement语句；否则不执行。何
复制链接

扫一扫

专栏目录