JavaScript基础-08

JavaScript基础

---

循环结构

断点调试

• 断点：在某句代码上添加的标记称为断点，当程序执行到这句有标记的代码时会暂停下来
• 作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug
• 断点使用方法
  • 按F12键打开开发者工具
  • 在source栏中双击打开需要操作的html文件
  • 点击行号左侧即可添加断点，再次点击即可取消断点（注意打完断点后需要再次刷新浏览器）
  • 可以在watch中监测某个变量

while循环

• 循环：重复执行一些操作，while循环就是在满足条件期间重复执行某些代码
• 基本语法

 while (循环条件) {
     循环体 // 要重复执行的代码     
 }

• while循环和if语句相似，但while循环体中的代码执行完毕后不会跳出循环，而是继续判断循环条件是否满足，直到循环条件不满足时才会结束循环
• while循环三要素
  • 循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程
  • 变量起始值
  • 终止条件（没有终止条件，循环会一直执行，造成死循环）
  • 变量变化量（使用自增或自减）

循环退出

• continue 结束本次循环，继续下次循环

• break 退出循环

• 区别

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

if多分支语句和switch

• 共同点
  • 都能实现多分支选择
  • 大部分情况下可以互换
• 区别
  • switch语句通常处理case为确定值的情况，而if分支语句更加灵活，通常用于范围判断
  • switch语句进行判断后直接执行到程序的语句，效率更高（可以采用其他效率更高的查找算法，不必从上到下一次比较），而if分支语句有几种判断条件，就得判断多少次
  • switch一定要注意必须是全等，同时要注意添加break，否则会产生case穿透
  • 结论
    • 当分支比较少时，if分支语句执行效率更高
    • 当分支比较多时，switch语句执行效率更高，而且结构更加清晰

for循环

• 作用 重复执行代码

• 优点 将声明起始值、循环条件、变化值放在一起，结构清晰，是最常使用的循环结构

• 语法

for (声明记录循环次数的变量; 循环条件; 变化值) {    //注意使用分号进行分隔
  	循环体         
}

• for循环最大的价值在于循环数组
• while(true)来构造“无限”循环，需要使用break退出循环
• for(;;)也可以来构造“无限”循环，同样需要使用break退出循环
• 当明确循环的次数时推荐使用for循环；当不明确循环的次数时推荐使用while循环

循环嵌套

• 一个循环里再套一个循环，一般用在for循环中
• 语法

for (声明记录循环次数的变量; 循环条件; 变化值) {   
  	for (声明记录循环次数的变量; 循环条件; 变化值) {  
  			循环体         
		}         
}