JavaScript第四天学习总结

断点调试

作用：

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

使用步骤：

打开要调试的浏览器，按F12打开开发者工具
点到sources一栏
选择代码文件

断点：

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

while循环

语法：

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

释义：

跟if语句很像，都要满足小括号里面的条件为true才会进入执行代码
while大括号里面的代码执行完成后不会跳出，而是继续返回小括号里判断条件是否还满足，若满足就继续执行大括号里的代码，然后继续回小括号里判断条件，不满足就跳出循环。

工作原理：

判断**(循环条件)**是否为true
若为true则执行**(循环体)**，不为true则跳出循环
继续判断**(循环条件)**是否为true
...
直到**(循环条件)**不满足的时候跳出循环

注意事项：

循环要具备三要素：

变量起始值
终止条件(没有终止条件，循环会一直进行，造成死循环)
变量变化量(用自增或者自减)

        // 变量起始值
        let i = 1;
        // 终止条件当i大于10的时候跳出循环
        while(i <= 10){
            document.write(`这是第${i}次循环！`);
            // 变量变化量
            i++;
        }

for循环

好处：把声明起始值、循环条件、变化值写到一起，让人一目了然

语法：

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

for循环和while循环的区别：

当如果明确了循环次数的时候推荐使用for循环
当不明确循环的次数的时候推荐使用while循环

退出循环

continue:

结束本次循环，继续下一次循环。

continute 功能其实也是可以通过 if else 来模拟和实现。

	  // 只显示 奇数 单数
      for (let index = 1; index <= 10; index++) {
         // 判断当前的index是不是奇数
         if (index % 2 !== 0) {
           // console.log(index);

           continue;
         }

        console.log(index,"⭐");

break：

跳出所在的循环，直接结束了整个大循环。

如果可以使用break的话尽量使用它（性能更加好）因为break会终止剩下的循环

	for (let index = 1; index <= 10; index++) {
        // 如果当前的index = 5 ，就不再往下 循环了，就终止循环
        if (index === 5) {
          break;
        }
        // //  index===5&&break // 不能简写 报错！！
        console.log(index);

循环嵌套

一个循环里在嵌套一个循环，一般用在for循环里

语法：

for(外部声明记录循环次数的变量；循环条件；变化值){

            for(内部声明记录循环次数的变量；循环条件；变化值){

            循环体
            }
        }

示例：

	// 3天分别背5个单词
        // 天数
        for (let index = 1; index <=3; index++) {
            document.write(`第${index}天<br/>`)
            // 一天分别背几个
            for (let index1 = 1; index1 <= 5; index1++) { 
                document.write(`背第${index1}个单词<br>`)
            }
        }