跟着pink老师前端入门教程（JavaScript）-day05

六、语句

（一）表达式和语句

1、表达式

表达式是可以被求值的代码，JavaScript 引擎会将其计算出一个结果。

2、语句

语句是一段可以执行的代码。

比如： prompt() 可以弹出一个输入框，还有 if语句 for 循环语句等等

3、区别

表达式：因为表达式可被求值，所以她可以写成赋值语句的右侧

eg：表达式 num = 3 + 4

语句：语句不一定有值，所以比如alert()、for 和 break 等语句就不能被用于赋值

eg：语句 alert()弹出对话框 console.log()控制台打印输出

某些情况，也可以把表达式理解为表述语句，因为他是在计算结果，但不是必须的成分（例如continue语句）

（二）分支语句

1、程序三大流程控制语句

顺序结构：从上往下执行

分支结构：根据条件选择执行代码

循环结构：某段代码被重复执行

2、分支结构

分支语句可以让我们有选择性的执行想要的代码

2.1 if分支语句

if 语句有三种使用：单分支、双分支、多分支

1.1 单分支使用语法：

括号内的条件为true时，进入大括号里执行代码

小括号内的结果若不是布尔类型时，会发生隐式转换转为布尔类型

如果大括号只有一个语句，大括号可以省略，但不提倡这么做~

    
    <script>
        if (true) {
            console.log('执行语句');
        }
        // 除了0 所有的数字都为真
        if (0) {
            console.log('执行语句');
        }
        if ('2') {
           console.log('执行语句');
        }
        // 除了'' 所有的字符串都为真
        if ('') {
            console.log('执行语句');
        }
        // 单分支课堂案例1：用户输入高考成绩，如果分数大于700，则提示恭喜考入黑马程序员
        let score = prompt('请输入您的高考成绩')
        if (score > 700) {
            alert('恭喜考入黑马程序员！')
        }
    script>

1.2 双分支if 语句

 1.3 多分支if 语句

使用场景：适合于有多个结果的时候， 比如学习成绩可以分为： 优 良 中 差

 

• 先判断条件1，若满足条件1就执行代码1，其他不执行
• 若不满足则向下判断条件2，满足条件2执行代码2，其他不执行
• 若依然不满足继续往下判断，依次类推
• 若以上条件都不满足，执行else里的代码n
• 注：可以写N个条件，但这里演示只写2个

2.2 三元运算符

使用场景：比 if 双分支语句更简单的写法，可以使用三元表达式

符号：? 与 : 配合使用

语法

条件 ? 满足条件执行的代码 : 不满足条件执行的代码

// 一般用来取值

2.3 switch 语句

• 找到跟小括号里数据全等的case值，并执行里面对应的代码
• 若没有全等 === 的则执行default里的代码
• 例：数据若跟值2全等，则执行代码2

注意事项

1. switch case语句一般用于等值判断,不适合于区间判断

2. switch case一般需要配合break关键字使用 没有break会造成case穿透

2.4 if 多分支语句和 switch的区别

共同点

• 都能实现多分支选择， 多选1
• 大部分情况下可以互换

区别：

• switch…case语句通常处理case为比较确定值的情况，而if…else…语句更加灵活，通常用于范围判断(大于，等于某个范围)。
• switch 语句进行判断后直接执行到程序的语句，效率更高，而if…else语句有几种判断条件，就得判断多少次
• switch 一定要注意 必须是 === 全等，一定注意 数据类型，同时注意break否则会有穿透效

结论：

• 当分支比较少时，if…else语句执行效率高。

• 当分支比较多时，switch语句执行效率高，而且结构更清晰。

 （三）循环语句

1、 断点调试

作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug

浏览器打开调试界面

1. 按F12打开开发者工具
2. 点到sources一栏
3. 选择代码文件

断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来

2、while循环

循环：重复执行一些操作

while：在..期间，while循环就是在满足条件期间，重复执行某些代码

路径：while循环基本语法、while循环三要素

2.1 while循环基本语法

释义：

• 跟if语句很像，都要满足小括号里的条件为true才会进入 循环体 执行代码
• while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出

2.2 while 循环三要素

循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。

所以，while循环需要具备三要素：

3、循环退出

3.1 循环结束

• break：退出循环
• continue：结束本次循环，继续下次循环

3.2 区别：

• continue 退出本次循环，一般用于排除或者跳过某一个选项的时候, 可以使用continue
• break 退出整个循环，一般用于结果已经得到, 后续的循环不需要的时候可以使用

案例：简易ATM取款机案例

4、for循环

4.1 for循环语法基本使用

作用：重复执行代码

好处：把声明起始值、循环条件、变化值学到一起，是最常用的循环形式

4.2 退出循环

• continue 退出本次循环，一般用于排除或者跳过某一个选项的时候, 可以使用continue
• break 退出整个for循环，一般用于结果已经得到, 后续的循环不需要的时候可以使用

了解：

• while(true) 来构造“无限”循环，需要使用break退出循环。
• for(;;) 也可以来构造“无限”循环，同样需要使用break退出循环

4.3 for循环嵌套