原文:从头开始学JavaScript (六)——语句

一、条件分支语句：if

基本格式：

if (<表达式1>){
    <语句组1>
}else if (<表达式2>){
    <语句组2>
}else{
    <语句组3>
}

执行流程：

二、循环语句

2.1前测试循环语句：在循环体内的代码被执行之前就对出口条件求值。

2.1.1while语句

基本格式：

do {
    <语句组>
} while (<表达式>) 

执行流程：

2.1.2 for语句

基本格式：
for (<初始表达式>；<条件表达式>；<变动量表达式>){
    <语句组>
}

执行流程：
 

2.2后测试循环语句：在循环体中的代码被执行之后才会测试出口条件。

2.2.1、do-while语句

基本格式：

do {
    <语句组>
} while (<表达式>) ；

执行流程：

三、精准的迭代语句：for-in

基本格式：
for ( 属性 in 对象 ){
    <语句组>
}

作用：重复执行指定对象的所有属性，可以用来枚举对象的属性。

例子：

<html>

<body>

<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>

<button onclick="myFunction()">点击这里</button>

<p id="demo"></p>

<script>

function myFunction()

{

var x;

var txt="";

var person={fname:"Bill",lname:"Gates",age:56}; 

for (x in person)

{

txt=txt + person[x];

}

document.getElementById("demo").innerHTML=txt;

}

</script>

</body>

</html>

如果要表示的对象为null或者undefined，循环体将不再执行，或者抛出错误，因此，在执行for-in循环时，应该先检测改对象的属性值是不是null或者undefined。

四、Lable语句

基本语法：

Label: <语句组>

如： begin: for (var i = 0; i < 10 ; i++ ){
                         alert(i);
                   }
举例说明lable语句的作用：
未加lable：
var num = 0;

        for (var i = 0 ; i < 10 ; i++){

             for (var j = 0 ; j < 10 ; j++){

                  if( i == 5 && j == 5 ){

                        break;

                  }

             num++;

             }

        }

        alert(num);//

加入lable：

var num = 0;

    outPoint:

    for (var i = 0 ; i < 10 ; i++){

         for (var j = 0 ; j < 10 ; j++){

              if( i == 5 && j == 5 ){

                    break outPoint;

              }

         num++;

         }

    }

    alert(num); //

第一个例子输出95不难理解，第二个例子为什么输出55呢，是因为执行到break outpoint时，直接跳出到putpoint层，执行alert语句。

如果把第二个例子改成下面这样：

                var num = 0;

                 for (var i = 0 ; i < 10 ; i++){

                     outPoint:

                     for (var j = 0 ; j < 10 ; j++){

                         if( i == 5 && j == 5 ){

                             break  outPoint;

                         }

                         num++;

                     }

                 };

         alert(num);//95

这个结果和第一个例子的结果是一致的。

五、break和continue语句

5.1break语句：

        var num = 0;

         for (var i = 1 ; i < 10 ; i++){

             if(i%5==0){

                 break;

             }

             num++;

         };

         alert(num);//4

break语句执行后跳到alert语句

5.2continue语句：

  var num = 0;

  for (var i = 1 ; i < 10 ; i++){

     if(i%5==0){

        continue;

     }

       num++;

   };

   alert(num);//8

continue语句执行后跳到for()循环，继续执行循环，直到循环条件不成立。

六、with语句

基本语法：

with (object) {

    statements

}
举例说明：
不使用with的写法：
var qs = location.search.substring(1);

var hostName = location.hostname;

var url = location.href;

 alert(qs);

 alert(hostName);

 alert(url);

使用with的写法：

  with(location){

             var qs = search.substring(1);

             var hostName = hostname;

             var url = href;

         }

         alert(qs);

         alert(hostName);

         alert(url);

从上面例子可以看出：with语句的作用是将代码的作用域设置到一个特定的对象中、减少的重复输入。

但是js的解释器需要检查with块中的变量是否属于with包含的对象，这将使with语句执行速度大大下降，并且导致js语句很难被优化。

因此并不建议大规模使用with语句。

七、swith语句

基本语法：
switch (<表达式>) {
    case <数值1>:<语句组1>
                 break;
    case <数值2>:<语句组2>
                 break;
    ...
    default <语句组> 
} 

执行流程：

switch语句可以是任何数据类型，每个case的值也不一定是常量，也可以是变量、表达式等，例如：

  switch ("hello world") {

             case "hello" + " world":

                 alert("Greeting was found.");

                 break;

             case "goodbye":

                 alert("Closing was found.");

                 break;

             default:

                 alert("Unexpected message was found.");

         }
         var num = 25;

         switch (true) {

             case num < 0:

                 alert("Less than 0.");

                 break;

             case num >= 0 && num <= 10:

                 alert("Between 0 and 10.");

                 break;

             case num > 10 && num <= 20:

                 alert("Between 10 and 20.");

                 break;

             default:

                 alert("More than 20.");

         }

switch语句在比较时使用的是全等操作符比较，因此不会发生类型转换。

练习：

 <script type="text/javascript">

         var count = 10;

         for (var i=0; i < count; i++){

             alert(i);

         }

         alert(i);   //输出什么？

     </script>
for(;;){

    alert("2");//输出多少次2？

}

从头开始学JavaScript (六)——语句的更多相关文章

  1. 从头开始学JavaScript (五)——操作符（二）

    原文:从头开始学JavaScript (五)--操作符(二) 一.乘性操作符 1.乘法:*      乘法操作符的一些特殊规则: 如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscri ...

  2. 从头开始学JavaScript (十二)——Array类型

    原文:从头开始学JavaScript (十二)--Array类型 一.数组的创建 注:ECMAscript数组的每一项都可以保存任何类型的数据 1.1Array构造函数 var colors = ne ...

  3. 从头开始学JavaScript (九)——执行环境和作用域

    原文:从头开始学JavaScript (九)--执行环境和作用域 一.执行环境:定义了变量或者函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有与之关联的变量对象. 变量对象:保存着环境中 ...

  4. 从头开始学JavaScript (三)——数据类型

    原文:从头开始学JavaScript (三)--数据类型 一.分类 基本数据类型:undefined.null.string.Boolean.number 复杂数据类型:object object的属 ...

  5. 从头开始学JavaScript 笔记(一)——基础中的基础

    原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript   ECMASc ...

  6. 从头开始学JavaScript (十一)——Object类型

    原文:从头开始学JavaScript (十一)--Object类型 一.object类型 一个object就是一系列属性的集合,一个属性包含一个名字(属性名)和一个值(属性值). object对于在应 ...

  7. 从头开始学JavaScript (十)——垃圾收集

    原文:从头开始学JavaScript (十)--垃圾收集 一.垃圾收集 1.1javascript垃圾收集机制: 自动垃圾收集,执行环境会负责管理代码执行过程中的使用的内存.而在C和C++之类的语言中 ...

  8. 从头开始学JavaScript (八)——变量

    原文:从头开始学JavaScript (八)--变量 一.变量分类: 基本类型值:null.undefined.number.string.Boolean: 引用类型值:保存在内存中的对象,如:Obj ...

  9. 从头开始学JavaScript (七)——函数

    原文:从头开始学JavaScript (七)--函数 一.return 函数在执行完return之后停止并立即退出. return返回值:与return: 如下两个例子: function sum(n ...

随机推荐

  1. iOS开展-clang: error: unknown argument: &#39;-websockets&#39;解决方案

    问题: 昨天莫名其妙Xcode自己主动升级,那么今天之前执行project什么时候,不知怎的,他们都获得了. 错误内容: clang: error: unknown argument: '-webso ...

  2. 皮尔逊相似度计算的例子(R语言)

    编译最近的协同过滤算法皮尔逊相似度计算.下顺便研究R简单使用的语言.概率统计知识. 一.概率论和统计学概念复习 1)期望值(Expected Value) 由于这里每一个数都是等概率的.所以就当做是数 ...

  3. [TroubleShooting] The server network address can not be reached or does not exist

    Backtround: I'm trying to set up mirroring between two sql 2008 R2 databases on different servers in ...

  4. ListView的操作模式的选择的更详细的解释CHOICE_MODE_MULTIPLE与CHOICE_MODE_MULTIPLE_MODAL

    本文介绍了我们将如何取得具体ListView多选择操作.本文将正确使用ListViewCHOICE_MODE_MULTIPLE要么CHOICE_MODE_MULTIPLE_MODAL时间easy误区. ...

  5. Linux课程_系统配置和日常维护

    1.设置命令输入提示格公式:"username:当前文件夹$" 2.设置命令输入提示行格式为:"当前系统时间-用户#"(提示:Shell将通过反引號" ...

  6. 【iOS】Web Color 的 Swift 实现

    用Swift语言重写Web Color这个类. 这次是用函数实现的,感觉也非常简洁.眼下(2014.6.28) Xcode 6的方法提示还不健全,就仅仅实现了用颜色名字创建颜色的功能. 最新代码&am ...

  7. 通过ccb（CocosBuilder）文件生成cocos2dx代码

    在C++下使用ccb.绑定调用,成员变量.让人头疼又easy犯错. 自己用pythong写了个小程序,通过ccb文件直接生成C++代码 python我用的不多.又是随性所做.代码质量就非常差.大家多多 ...

  8. 5、Cocos2dx 3.0小游戏开发的例子寻找测试三个简单的介绍和总结

    繁重的劳动开发商,当转载请注明出处:http://blog.csdn.net/haomengzhu/article/details/27186557 測试例子简单介绍 Cocos2d-x 为我们提供了 ...

  9. android:ViewPager动画摘要

    动画节目: 我们可以用ViewPager的setPageTransformer办法,至ViewPager动画.示及效果: 1.CubeInTransformer 2.CubeOutTransforme ...

  10. ASP.NET vNext or .NET vNext？

    ASP.NET vNext or .NET vNext? 从概念和基础开始 vNext在曝光以来绝大多数以ASP.NET vNext这样的的字眼出现,为什么这边会提及.NET vNext?原因是我认为 ...