这是我参与8月更文挑战的第4天，活动详情查看：8月更文挑战
巩固学习 JavaScript基础知识, 加深理解记忆, 打牢地基才能筑高楼! 加油!
用自己的理解, 简单有全面概括基础知识点, 大部分内容为白话文内容, 基础中的基础 方便加深理解!
如需更详细了解学习- 推荐查看 MDN-JavaScript 文档, (红宝书/白皮书/
蓝皮书/..)进行学习进阶!
更多阅读: 前文更新回顾
预热接上文-继续梳理知识点
1、switch 开关语句
语法结构 ：
switch( 表达式 ){
case 常量表达式 : 语句;
case 常量表达式 ：语句;
...
default : 语句;
}
说明 ：
- 1、表达式 一般是一个变量 或一个式子 ，但必须有一个具体的值
- 2、执行逻辑 ： 用表达式的值和 case 后面的常量表达式做比较，如果有满足相等的 case ，就自动执行该 case 及其后面的语句 这种现象叫做 case 穿透
- 3、解决 case 穿透 ： 在 case 语句后面加一个 break 中断
- 4、default 可以省略
- 5、switch 进行比较时 是全等比较 === 先比较类型再比较值
- 6、default 位置可以移动到 case 前面
2、switch 嵌套
如下所示:
switch( 表达式 ){
case 常量：
switch(){
}
}
3、switch 和 if 的使用场景
-
当条件是具体的值是，建议使用 switch
-
当条件是一个范围 ， 建议使用 if else if()
4、选择结构
流程控制语句 :
if( 范围 ){
表达式...
}else if(){
表达式...
}
switch( 固定值 ){
表达式...
}
5、循环结构 while
5.1 循环 ： 反复的做某件事
while 循环 ： 当型循环
5.2 语法结构 ：
while (条件) {
循环体
}
5.3 循环的五要素 ：
- 1、循环变量
- 2、循环变量初始值
- 3、循环变量终值（循环条件）
- 4、循环变量的增值（步长）
- 5、循环体（反复做的事）
5.4 执行逻辑 ：
6、循环结构 do...while
do-while: 直到型循环
6.1 语法结构 ：
do {
循环体
} while (条件)
6.2 do-while 执行逻辑：
6.3 while 和 do...while 的区别 ：
while ：先判断条件，在执行循环体，循环体有可能一次也不执行
do...while : 先执行循环体 在判断条件，循环体至少要执行一次
var i = 10
while (i > 11) {
alert(i)
i++
}
alert(i) // 10
var i = 10
do {
alert(i) // 10
i++
} while (i > 11)
alert(i) // 11
6.4 do-while 循环解决的类型题目 ：
- 输出题
- 循环求和
- 求个数问题: （1--100 以内有几个奇数）
- 输出图形题
7、 for 循环 （for ... in）
7.1 语法结构 ：
for(表达式 1; 表达式 2; 表达式 3) {
循环体
}
表达式 1 ： 一般为循环变量赋初始值
表达式 2 ： 一般循环条件
表达式 3 ： 循环变量增值（步长）
7.2 执行逻辑：（同 while 循环）
8、break 和 continue
continue： 结束本次循环 继续执行下一次循环continue只能用在循环结构中break： 中断 结束本层循环break用在switch或循环中
9、死循环
条件永远成立, 则会形成死循环,就会一直执行下去, 避免!
10、while 和 for 使用场景
- 如果明确循环次数 建议使用
for - 如果没有明确循环次数 建议使用
while
加油, 追梦人
学习就是一个不断进行的过程, 坚持下去, 定有收获!
日积月累, 巩固基础, 早进大厂!
Calm Down & Carry On!
坚持很不容易, 坚持很久更不容易
