q'qJavaScript学习第三天笔记（语句）

摘要：循环语句循环语句是什么循环语句是一系列反复执行到符合特定条件的语句。示例代码如下跳转语句什么是跳转语句跳转语句就是使得代码的执行可以从一个位置到另一个位置，跳转语句包括和两种。

1.描述：在JavaScript中，语句使用分号（;）进行分隔。可以在每行编写一条语句，也可以在每行编写多

    条语句（建议每行只编写一条语句）。JavaScript解释器按照语句的编写顺序依次执行。

2.分类：

   a.条件语句
   b.循环语句
   c.跳转语句

JavaScript中使用一对大括号（{}）表示一个语句块。使用语句块为语句进行分组，这样使语句的结构清晰明了。

例：  {
       var v = "思否"；
       console .log(v);
      }

注意：

 a.语句块的结尾不需要分号。
 b.语句块的行都有缩进，但不是必须的。
 c.语句中声名变量是全局变量

空语句中包含0条语句，JavaScript解释器执行空语句时，不会执行任何动作。空语句代码如下：

;

注意：如果有特殊目的的空语句时，最好在代码中添加注释。这样可以更好地说明这条空语句是有用的。

JavaScript解释器按照语句的编写顺序依次执行，但也可以编写一些复杂的语句块，基本分为三种：
a.顺序执行
b.选择执行
c.循环执行

条件语句就是指通过判断指定的计算结果，来决定是执行还是跳过指定的语句块。

作用：控制是否执行指定的语句块
结果：一般为Boolean类型的值（true|false）
问题：如果表达式计算的结果不是Boolean类型，将结果强行转换为Boolean类型，再进行判断。

if语句的执行流程如下
a.判断条件的结果是true还是false
b.当结果为true时，会执行下面的语句块
c.当结果为false时，会跳过语句块，继续执行下面的代码。

if语句的书写规则如下
if（条件表达式）{

语句块/*当条件表达式计算结果为true时执行*/

}
代码示例：

var v = true;
if (result)/*条件表达式*/
          {
          console .log("这是真的")；/*如果判断结果为true，会输出本条语句*/
          }
          console .log("最后输出的")；/*为了做测试添加的语句*/
          /*输出结果为：
                      这是真的
                      最后输出的
          */

var v = false;
if (result)/*条件表达式*/
          {
          console .log("这是真的")；/*如果判断结果为true，会输出本条语句*/
          }
          console .log("最后输出的")；/*为了做测试添加的语句*/
          /*输出结果为：
                      最后输出的
          */

if语句的执行流程图

if语句的注意事项
对应的{}允许被省略，但前提是语句块中只存在一条语句，如果存在多条语句，并且省略{}，那么JavaScript默认认为只有后面的第一条语句是被控制语句块的内容，所以建议按照语法规则编写。

if...else语句的执行流程如下：
a.判断条件的结果是true还是false.
b.当结果为true时，执行语句块1.
c.当结果为false时，执行语句块2
d.继续执行语句块.

if...else的流程图如下

if...else书写规则如下
if（条件表达式）{

           语句块一
           }else{
                语句块二
                }
           

示例代码如下

var result = false；
if (result){
            console .log("为true时输出的内容");
           }else{
                console .log("为false时输出的内容");
                }
                /*输出结果为：
                为false时输出的内容
                */

if...else语句支持嵌套写法，也就是说，可以再if或者else后面的语句块中继续编写if...else语句
流程图如下

代码示例如下：

var score = 68;
if (score > 90){
               console .log("BEST");
               }else{
                    if (score > 60){
                                   console .log("GOOD");
                                   }else{
                                        console .log("FAIl");
                                        }
                    
                    }
                     /*输出结果为
                       GOOD
                     */

注意：嵌套层数尽量不要超过3层，嵌套层数过多会影响运行的效率。

else...if是在if语句的基础上，允许提供多个条件判断。解决了if...else的嵌套问题。
流程图如下

书写规则如下
if（条件表达式一）{

             语句块一
             }else if（表达式二）{
                                语句块二
                                }else{
                                     语句块三
                                     }

示例代码如下：

var score = 69；
if （score > 90）;{
                  console .log("BEST");
                  }else if(score > 60){
                                      console .log("GOOD");
                                      }else{
                                           console .log("fail");
                                           }
                                           /*输出结果为：
                                             GOOD
                                           */
                          
                          

switch...case语句是开关语句，但整体执行流程比if...else语句复杂的多。
流程图如下

注意：
a.条件表达式不一定是布尔类型，计算结果分别于case语句的值进行比较
条件表达式计算结果与case语句的值是全相等比较，既要比较值又要比较类型
b.case语句罗列可能匹配的值
对应的语句块最后要添加break关键字，表示在执行语句块后，停止继续执行。
c.default语句，类似于if...else语句中的else语句，当以上所有case语句的值都不匹配时，默认执
行default语句对应的语句块。
注意：不是default语句不需要使用break关键字，而是default默认一般编写在最后，所以省略。
示例代码如下

var result = "0";
switch（result）{
        case 0：
        console .log（"这是数字0"）；
        break；
        case 1：
        console .log("这是数字1")；
        break；
        case 2:
        console .log("这是数字2");
        break；
        default:
        console .log("以上结果无一满足")；
                }
        /*输出结果为：
           以上结果无一满足
        */
switch...case语句相对于if...else语句执行性能更优，但是也还有很多需要注意的地方
注意：
a.switch关键字后的小括号，case关键字后面的冒号都不能省略。
b.break语句是跳出语句，一旦被执行，表示后面的所有的case和default语句都不会执行。


----------

##循环语句##

###循环语句是什么###
循环语句是一系列反复执行到符合特定条件的语句。
循环语句的执行流程如下：
a.执行语句块
b.判断条件的计算值是true还是false
c.如果是true，则重复执行语句块
d.如果是false，则继续执行后面的代码

###while语句###
while语句是一个基本循环语句，语法结构与if语句很类似。
while语句的执行流程如下：
a.执行while语句的条件判断是true还是false
b.如果为true，执行语句块。然后再重新计算while语句的条件判断是true还是false。
c.如果为false，则跳过语句块，继续执行下面的代码。

流程图如下
![clipboard.png](/img/bVbe2Aw)

书写规则如下
while（条件表达式）{
                  语句块
                  }
注意：必须通过一个变量值的改变，控制条件表达式的计算结果，在循环中必须有以此计算的结果为 
      false来结束循环，如果没有这样的一个变量的话，循环就会变成死循环。
示例代码如下：

var result = 1;
while （result < 5）{

              console .log（"循环未结束"）；
               result++/*改变变量的值，是的只说又一次的表达式计算结果为false*/
               }
               console .log（"循环结束"）；
               /*输出结果为
               循环未结束
               循环未结束
               循环未结束
               循环未结束
               循环结束
               */

###do...while语句###
do...while语句也是一个基本循环语句，执行流程与while语句类似
执行流程如下
a.执行语句块
b.执行while语句的条件判断是true还是false
c.如果为true，执行语句块。然后再重新计算while语句的条件判断是true还是false
d.如果为false，继续执行下面的代码。

书写规则如下
  do{
     语句块
    }while（条件表达式）
示例代码如下

var result = 0;
do{
console .log(result);
result++;
}while(result <=10)

###do...while和while的区别###
1.do...while语句是先执行再判断，while语句是先判断再执行。
2.当while关键字后面的条件第一次别执行的时候，如果返回结果是false的话，while语句的语句块就不会执行。而do...while语句的语句块至少被执行一次。

###for语句###
for语句是一种简洁的循环语句，包括三个部分
a.初始化表达式
b.条件判断表达式
c.循环操作表达式

for语句的语法如下
for（初始化表达式;条件判断表达式;循环操作表达式）{
                                             语句块
                                             }

for语句的执行流程如下
a.执行初始化表达式
b.执行条件判断表达式，计算结果是true还是false
c.如果是true，则执行语句块。再执行循环操作表达式，重新执行条件判断表达式
d.如果是false，则继续执行下面的代码。
示例代码如下

for (var v = 0; v<0; v++){

                     console .log(v);
                     }

----------

##跳转语句##
###什么是跳转语句###
跳转语句就是使得JavaScript代码的执行可以从一个位置到另一个位置，跳转语句包括break和continue两种。跳转语句只能用在循环语句中。

###break语句###
break语句是中断语句，用于终止循环或开关语句
示例代码如下

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

                       if(i==5){
                               break;
                               }
                      console .log(i);
                       }
                       /*输出结果为
                       1 2 3 4
                       */

###continue语句###
continue语句是连续语句，用于重新开始while do...while 和 for语句
示例代码如下

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

                       if(i==5){
                               continue;
                               }
                      console .log(i);
                       }
                       /*输出结果为
                       1 2 3 4 6 7 8 9 
                       */