资讯专栏INFORMATION COLUMN

q'qJavaScript学习第三天笔记(语句)

chenjiang3 / 2271人阅读

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

语句 语句 语句的概述

1.描述:在JavaScript中,语句使用分号(;)进行分隔。可以在每行编写一条语句,也可以在每行编写多

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

2.分类:

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

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

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

注意:

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

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

;

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

流程控制语句

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

条件语句 什么是条件语句

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

if语句

作用:控制是否执行指定的语句块
结果:一般为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语句

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后面的语句块中继续编写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语句

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语句

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 
                       */

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96760.html

相关文章

  • 26天学通前端开发(配资料)

    摘要:网上有很多前端的学习路径文章,大多是知识点罗列为主或是资料的汇总,数据量让新人望而却步。天了解一个前端框架。也可以关注微信公众号晓舟报告,发送获取资料,就能收到下载密码,网盘地址在最下方,获取教程和案例的资料。 前言 好的学习方法可以事半功倍,好的学习路径可以指明前进方向。这篇文章不仅要写学习路径,还要写学习方法,还要发资料,干货满满,准备接招。 网上有很多前端的学习路径文章,大多是知...

    blair 评论0 收藏0
  • [译] RabbitMQ tutorials (2) ---- &#039;work queue&#

    摘要:这样的消息分发机制称作轮询。在进程挂了之后,所有的未被确认的消息会被重新分发。忘记确认这是一个普遍的错误,丢失。为了使消息不会丢失,两件事情需要确保,我们需要持久化队列和消息。 工作队列 showImg(https://segmentfault.com/img/remote/1460000008229494?w=332&h=111); 在第一篇中,我们写了一个程序从已经声明的队列中收发...

    joyvw 评论0 收藏0
  • JavaScript学习笔记三天_对象

    摘要:廖雪峰的教程学习笔记标准对象使用判断值的类型,可以看到是类型,是类型,就是类型,另外还有一个这种基础类型。小明只输出和,并且改变了反序列化,即从字符串中还原出一个对象,使用方法就是小明小明这个感觉蛮简单的。 廖雪峰的JavaScript教程学习笔记 1. 标准对象 使用typeof判断值的类型,可以看到NaN是number类型,null是obejct类型,undefined 就是un...

    YPHP 评论0 收藏0
  • 九天学会Java,三天,选择结构

    摘要:选择结构变量和数据类型,赋值和输出算术运算选择结构循环结构函数定义,函数调用变量作用域栈,程序运行的基石面向对象异常处理语言提供的公用包上一节介绍了的算术运算,如加减乘除等,的运算规则跟四则运算一样。 选择结构 变量和数据类型,赋值和输出 算术运算 选择结构 = 60) { System.out.println(You have passed the exam...

    Java_oldboy 评论0 收藏0
  • You Don&#039;t Know Js 阅读笔记

    摘要:回调传递函数是将函数当做值并作为参数传递给函数。这个例子中就是因为事件绑定机制中的传入了回调函数,产生了闭包,引用着所在的作用域,所以此处的数据无法从内存中释放。 javascript作用域 一门语言需要一套设计良好的规则来存储变量,并且之后可以方便的找到这些变量,这逃规则被称为作用域。 这也意味着当我们访问一个变量的时候,决定这个变量能否访问到的依据就是这个作用域。 一、词法作用域 ...

    wanglu1209 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<