JS流程控制 - 技术栈

目标

分支流程控制

了解分支语句的执行过程

掌握分支语句的使用

循环流程控制

了解循环的作用及执行过程

掌握循环语句的使用

if语句子

案例：使用prompt()接收用户输入的年龄，判断是否是成年人？

var age = prompt('请输入年龄');

if(age >= 18)

{

alert('已成年');

}

JS 会自动用 Boolean() 把条件转成 true / false：

单 if 三大易错点

把 == 写成 =，将赋值写成相等，条件永远成立

省略大括号，只生效第一行代码

if 后多加分号，代码块与 if 无关

条件不满足依然会输出

switch语句

switch语句使用注意事项：

switch（条件）:条件的值可以是常量、变量或表达式，但是实际开发中，表达式经常写成变量的形式。
表达式的值与case的值是全等，必须值和类型都一致才行。
break：如果当前的case里面没有break，则不会退出 switch，而是继续执行下一个case，因此每个 case 后面必须写 break。
case 里面的语句可以是多条语句，可以用{}也可以不用{} l default语句：不是必须的，但强烈建议写。

switch 高频易错点漏写 break 导致代码穿透（最常见的问题）

default放哪都可以，但是当default 放中间时，它也是个普通分支，所以不要忘记加break。

++for++ ++语句++ 是最常用的循环语句，它适合循环次数已知的情况。

for循环嵌套

一个 for 循环里面，再套一个（或多个）for 循环，外层循环控制「大的次数」，内层循环控制「每次大循环里的小次数」。

关于特殊字符的问题：HTML特殊符号_特殊字符

continue关键字

++continue++ 关键字可以在for、while以及do...while循环体中使用，它用来立即跳出本次循环，也就是跳过了continue后面的代码，继续下一次循环.

++break++ ++关键字++的用法：

p用在switch语句中，当遇到break时，跳出switch语句

p循环语句中使用时，其作用是立即跳出整个循环（将循环结束）注意：break与标签语句配合使用，跳出嵌套循环。

label 标签语句

语法结构： label :statement

label表示标签名,如start、end等，标签名要符合变量的命名规范。
statement表示被标记的语句或语句块,可以是任何合法的JavaScript语句 l标签语句必须在使用前定义，否则会出现找不到标签的情况。

l标签语句的典型应用：跳出嵌套循环

label（标签）是给循环 / 代码块 起一个名字，配合 break / continue 使用，用来跳出多层循环 或指定层级循环继续，普通单层循环基本用不到。

搭配 break：跳出指定层级循环

示例：双层 for 循环，直接跳出外层

复制代码

// 给外层循环打标签 outer
outer: for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log(i, j);
    if (i === 2 && j === 2) {
      break outer; // 直接终止 outer 标签对应的外层循环
    }
  }
}
/* 输出：
1 1
1 2
1 3
2 1
2 2
*/

如果只写 break，只会跳出内层，外层还会继续执行；加标签可以精准跳出任意外层。

JavaScript没有goto语句，标记只能和break、continue一起使用。