06-JavaScript流程控制

流程控制基本概念

• JavaScript中流程控制的概念和C语言中一样
• 也有顺序结构、选择结构和循环结构

---

选择结构if

• JavaScript中if选择结构和C语言中一模一样
  • 格式一样
  • 特点一样
  • 注意点也一样

if(条件表达式1)
{
    语句块1
}else if(条件表达式2){
    语句块2
}else if(条件表达式3){
    语句块3
}else{
    语句块4
}

• 注意点:
  • C语言中的代码块可以用于控制变量的作用域, 但是JavaScript中的代码块不行

        {
            var name = "lnj";
        }
        console.log(name); // lnj

---

Switch基本概念

• JavaScript中Switch选择结构和C语言几乎一样
  • 格式一样
  • 特点一样
  • 注意点也一样

switch(条件表达式){
  case 表达式:
      语句1;
      break;
  case 表达式:
      语句2; 
      break;
  case 表达式n:
      语句n;
      break;
  default:
      语句n+1;
      break;
}

• 注意点:
• case全等于问题
  • JavaScript中case判断是否相等时是全等于(===),而不是等于(==),也就是说既会判断类型是否相等又会判断值是否相等

    var str = "123";
    switch (str){
        case 123:
            console.log("123数字");
            break;
        case "123":
            console.log("123字符串"); // 输出123字符串
            break;
        default:
            console.log("default");
            break;
    }
    

• 和C语言不同的是, JavaScript中case后可以是常量也可以是变量

  var num = 120;
  switch (120){
      case num: // 这里可以是变量
          console.log("120"); // 输出120
          break;
      case 110: // 这里可以是常量
          console.log("110");
          break;
      default:
          console.log("default");
          break;
  }
  

---

while循环基本概念

• JavaScript中while循环和C语言中一模一样
  • 格式一样
  • 特点一样
  • 注意点也一样

while ( 条件表达式 ) {
     语句1;
     语句2;
     ....
 }

---

dowhile循环基本概念

• JavaScript中dowhile循环和C语言中一模一样
  • 格式一样
  • 特点一样
  • 注意点也一样

 do {
     语句1;
     语句2;
     ....
 } while ( 条件 );

---

for循环基本概念

• JavaScript中for循环和C语言中一模一样
  • 格式一样
  • 特点一样
  • 注意点也一样

for(①初始化表达式；②循环条件表达式；④循环后操作表达式)
{
    ③执行语句；
}

---

三大跳转

• JavaScript中没有提供C语言中的goto语句, 但是其它的三大跳转和C语言中一模一样
• return
  • 立即结束所在函数
• break
  • 立即跳出所在switch语句或循环语句, 离开作用范围没有意义
• continue
  • 立即跳出所在循环语句, 离开作用范围没有意义