Javascript流程控制语句

学习要点： 1.语句的定义 2.if 语句 3.switch 语句 4.do...while 语句 5.while 语句 6.for 语句 7.for...in 语句 8.break 和continue 语句 9.with 语句 ### JavaScript流程控制语句详解 #### 一、语句的定义 在JavaScript中，语句是构成程序逻辑的基本单元，它决定了程序的执行路径。语句可以是单一的命令，也可以是一系列命令组成的复合语句（由一对大括号 `{}` 包围）。根据其功能的不同，语句被分为多种类型。 ##### 语句的种类 - **声明语句**： - **变量声明语句**：如 `var box = 100;` - **标签声明语句**：如 `label: box;` （较少使用） - **表达式语句**： - **变量赋值语句**：如 `box = 100;` - **函数调用语句**：如 `box();` - **属性赋值语句**：如 `box.property = 100;` - **方法调用语句**：如 `box.method();` - **分支语句**： - **条件分支语句**：如 `if () {} else {}` - **多重分支语句**：如 `switch () { case n: }` - **循环语句**： - **for循环**：如 `for (var i = 0; i < 10; i++) {}` - **for-in循环**：如 `for (x in x) {}` - **while循环**：如 `while () {}` - **do-while循环**：如 `do {} while ();` - **控制结构**： - **继续执行子句**：如 `continue;` - **终端执行子句**：如 `break;` - **函数返回子句**：如 `return;` - **异常触发子句**：如 `throw;` - **异常捕获与处理**：如 `try {} catch () {} finally {}` - **其他**： - **空语句**：如 `;` - **with语句**：如 `with () {}` #### 二、if语句 if语句用于基于某个条件的真或假来决定程序的流向。JavaScript中的if语句有以下几种形式： 1. **简单if语句**： ```javascript if (条件表达式) { // 条件为真时执行的代码 } ``` 例如： ```javascript var box = 100; if (box > 50) { alert('box大于50'); } ``` 2. **if-else语句**： ```javascript if (条件表达式) { // 条件为真时执行的代码 } else { // 条件为假时执行的代码 } ``` 例如： ```javascript var box = 100; if (box > 50) { alert('box大于50'); } else { alert('box小于50'); } ``` 3. **if-elseif-else语句**： ```javascript if (条件表达式1) { // 第一个条件为真时执行的代码 } else if (条件表达式2) { // 第二个条件为真时执行的代码 } else { // 其他情况下的代码 } ``` 例如： ```javascript var box = 100; if (box >= 100) { alert('甲'); } else if (box >= 90) { alert('乙'); } else if (box >= 80) { alert('丙'); } else if (box >= 70) { alert('丁'); } else if (box >= 60) { alert('及格'); } else { alert('不及格'); } ``` #### 三、switch语句 switch语句用于根据不同的条件执行不同的代码块。它通过匹配case后的值来决定执行哪一段代码。 ```javascript var box = 1; switch (box) { case 1: alert('one'); break; case 2: alert('two'); break; case 3: alert('three'); break; default: alert('error'); } ``` #### 四、do-while语句 do-while语句至少会执行一次循环体内的代码，然后根据条件决定是否继续执行。 ```javascript var box = 1; do { alert(box); box++; } while (box <= 5); ``` #### 五、while语句 while语句会在每次循环前检查条件，只有当条件为真时才会执行循环体内的代码。 ```javascript var box = 1; while (box <= 5) { alert(box); box++; } ``` #### 六、for语句 for循环是最常用的循环之一，它可以方便地迭代数组或序列。 ```javascript for (var i = 0; i < 5; i++) { console.log(i); } ``` #### 七、for-in语句 for-in循环用于遍历对象的可枚举属性。 ```javascript var obj = {a: 1, b: 2, c: 3}; for (var prop in obj) { console.log(prop + ': ' + obj[prop]); } ``` #### 八、break和continue语句 - **break**：用于立即跳出当前循环或switch语句。 - **continue**：用于跳过当前循环中的剩余代码，并开始下一轮循环。 ```javascript for (var i = 0; i < 5; i++) { if (i == 3) { break; // 结束循环 } console.log(i); } for (var i = 0; i < 5; i++) { if (i == 3) { continue; // 跳过本次循环剩余代码 } console.log(i); } ``` #### 九、with语句 with语句允许使用简短的形式访问对象的属性，但不建议使用，因为它可能会导致作用域污染。 ```javascript var obj = {a: 1, b: 2}; with (obj) { console.log(a); // 输出 1 console.log(b); // 输出 2 } ``` 总结而言，JavaScript中的流程控制语句提供了丰富的手段来控制程序的执行流程，通过合理选择和组合这些语句，开发者可以构建出逻辑清晰、结构合理的程序。