JS note ---语句

语句

  • JavaScript 语句向浏览器发出的命令 语句的作用是告诉浏览器该做什么。
  • JS就是由一条一条的语句构成的 每一条语句使用;结尾
  • JS中的语句默认是由上至下顺序执行的 但是我们也可以通过一些流程控制语句来控制语句的执行顺序

代码块

  • 代码块是在大括号{}中所写的语句 将多条语句的集合视为一条语句来使用
  • 一般使用代码块将需要一起执行的语句进行分组 代码块结尾不需要加分号

    {
    var num=100;
    num++';
    console.log(num);
    }

条件语句

  • 条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句
  • 最基本的条件语句:
    if…else
    swtich…case

if…else语句

-if…else语句是一种最基本的控制语句,它让JavaScript可以有条件的执行语句
第一种形式: if(表达式)语句

  • if语句是条件判断语句 是最基本的流程控制语句
  • if语句的执行流程:判断条件的结果true/false —>当结果为true时,执行下面的代码块 / 当结果为false时 ,会跳过代码块,继续执行下面的代码
    
    if(age>=18){
     alert('您已成年:)');
    }
//if关键字后面的()不能省略
//if关键字后的判断条件的结果必须是布尔值 如果不是  JS会自动转换为布尔值

第二种形式:if(表达式)语句else语句

  • if…else语句的执行流程:判断条件的结果为true/false —>结果为true 执行a语句/结果为false 执行b语句 —>继续执行下面的代码块

    if(age>=18){
    alert('您已成年:)');
} else{
    alert('你还未成年:(');
}

除了if和else还可以使用else if来创建多个条件分支 简化了if…else语句嵌套的写法


   if(age < 18){
alert("你还未成年!");
}else if(age <= 30){
alert("您已经是个青年了")
}else{
alert("你已经步入中老年了...");
}


switch…case语句

  • switch…case是另一种流程控制语句
  • switch语句适用于多条分支使用同一条语句的情况
  • switch语句相对于if…else语句性能更优
  • case语句只是标识程序运行的开始,并不是结束 一旦符合case的条件程序会一直运行到结束 所以我们一般会在case中添加break作为语句的结束
switch(语句){
case 表达式1:
语句...
case 表达式2:
语句...
default:
语句...
}
//switch关键字后面的小括号 case关键字后的:都不能省略
//break是跳出 一旦被执行 后面所有的case和default语句都不会被执行

循环语句

  • 循环语句也是基本的控制语句
  • 循环中的语句只要满足一定的条件就会一直执行
  • 执行流程:执行代码块 —>判断条件的结果是true/false —>true 重复执行代码块/false 继续执行后面的代码
  • 和if一样 while中的条件表达式会被转换为布尔值 只要该值为true 代码块会一直执行
  • 代码块每执行一次 条件表达式就会重新计算

while语句

  • while语句也被称为while循环
  • while语句在执行时,会先对条件表达式进行求值判断,如果结果为true,则执行while后的语句,执行完毕后,继续对条件表达式进行求值判断,如果为true,继续执行依此类推如果结果false,则退出循环语句
 var n=0;
 while(n<10){
 n++;
console.log(n);   // 1,2,3,4,5,6,7,8,9,10
}

do…while语句

  • do…while和while非常类似 但是它会在循环的尾部检查表达式的值 也就是先执行 后判断
  • do…while循环至少会执行一次
  • do…while语句在执行时,会先执行do后的语句,执行完毕后,对while中的条件表达式进行求值判断 如果结果false,则退出循环 如果结果为true,则继续执行循环体,执行完毕后继续判断
    var n=11;
      do{
            n++;
            console.log(n)   //12
        }while (n<10);

for语句

  • 大部分循环都会有一个计数器用来控线执行循环次数 三个关键操作是初始化 检测和更新
  • for循环执行流程:执行初始化表达式 初始计数器 —>执行条件表达式 判断结果是true/false—>如果为false 则继续执行下面的代码/如果为true 则执行代码块—>再执行循环操作表达式 重新执行条件表达式
  for(var i=0;i<10;i++){
   console.log(i);    //0,1,2,3,4,5,6,7,8,9
}

break和continue

  • break 和 continue 语句用于在循环中精确地控制代码的执行
  • 使用break语句会使程序立刻退出最近的循环,强制执行循环后边的语句
  • break和continue语句只在循环和switch语句中使用
for(var i=0 ; i<5 ; i++){
    if(i==2){
       break;
    }
    console.log(i);       // 0 1
}
  • 使用continue语句会使程序跳过当次循环,继续执行下一次循环,并不会结束整个循环
  • continue只能在循环中使用,不能出现在其他的结构中
for(var i=0 ; i<5 ; i++){
            if(i==2){
                continue;
            }
            console.log(i);       // 0 1 3 4
        }
    原文作者:RoOK1E
    原文地址: https://segmentfault.com/a/1190000015937687
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞