js自学（三）-- js的语句代码块&流程控制语句（if，while，break等）

目录

• js语句代码块
• 流程控制语句
  • 条件判断语句，if（和java一样）
  • 条件分支语句--switch语句
  • 循环语句

js语句代码块

在js中可以使用{}来为语句进行分组
同一个{}中的语句我们称为是一组语句
它们要么都执行，要么都不执行
一个{}中的语句我们也称为叫一个代码块

js中的代码块，只具有分组的作用，没有其他用途

流程控制语句

条件判断语句，if（和java一样）

if(a>10)
    alert("a比19大");

if(a>10){
      alert("a比10大");
      alert("谁也管不了我");
}

if(a>10 && a<=20){
      alert("a大于10，并且a小于等于20");
}

if(条件表达式){
      语句。。。
}else{
      语句。。。
}

if(条件表达式){
      语句。。。
}else if(条件表达式){
      语句。。。
}else{
      语句。。。
}

条件分支语句--switch语句

switch(条件表达式){
      case 表达式：
            语句。。。
            break；
      case 表达式：
            语句。。。
            break；
      default：
            语句。。。
            break；
}

var num = 2;

switch(num){
      case 1：
            语句。。。
            break；
      case 2：
            语句。。。
            break；
      default：
            语句。。。
            break；
}

执行流程：
switch...case...语句
在执行时会一次将case后的表达式的值和switch后的条件表达式的值进行全等比较
如果比较结果为true，则从当前case处开始执行代码
如果为false，则继续向下比较

循环语句

• while循环

while(true){
      alert(hello world！);
      break;
}

• do...while循环
  do...while可以保证循环体至少执行一次
  语法：

do{
  document.write(i++ +"<br/>");
}while(i<=10);

• for循环

for(初始化表达式；条件表达式；更新表达式){
      语句。。。；
}

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

• for循环中的三个部分都可以省略，也可以在外部
  如果在for循环中不写任何的表达式，只写两个；
  此时循环是一个死循环会一直执行下去，慎用

var i = 0;

for(;i<10;){
      alert(i++);
}

• 嵌套for循环（和java一样）

• break和continue

break

break关键字可以用来退出switch或循环语句
break关键字会立即终止理它最近的那个循环语句，不会对外层循环产生影响

与java不同的是js可以对外层的循环进行命名，然后在break后面跟上对应的名字就可以break对应的循环了

outer：
for(var i=0 ; i<5 ; i++){
      console.log("外层循环："+i)
      for(var j=0;j<5;j++){
            break outer;
            console.log("内层循环："+j);
      }
}

continue

同样continue也是默认只会对离他最近的循环起作用，和js的break的用法一样，在对外面的循环起一个名字，然后continue name；即可对对应的循环起作用