JavaScript基础学习笔记 第三天

154 阅读2分钟

JavaScript流程控制-循环

循环简介

  • js中的循环,主要有三种分别是:
    • for循环
    • while循环
    • do while循环
  • 一组被重复执行的语句被称之为循环体,能否连续重复执行,取决于循环的终止条件
  • 由循环体以及循环终止条件组成的语句,被称之为循环语句

for 循环

  • 语法结构

    • for (初始化变量; 条件表达式; 操作表达式) {
          // 循环语句
      }
      // 初始化变量,就是用 var 声明一个普通的变量 ,在整个 for 循环完全结束之前 , 只会执行一次
      // 条件表达式,决定我们每次循环是否执行,就是终止条件 条件为 true 继续执行 
      // 操作表达式,每次循环最后执行的代码
      
  • Chrome 断点测试

    • 断点测试是指在自己的程序的某一行设置一个断点,调试时程序就会到这一行停止;
    • 断点测试可以帮助我们观察程序的运行过程
  • 测试方法

    • 在chrome浏览器中调出sources
    • 找到测试文件
    • 在程序的某一行设置断点
    • 通过 watch(监视),观察监视变量的变化
    • f11 可以使程序按步执行
  • 执行相同的代码

  • 执行不相同的代码

  • for循环可以执行某些重复某些重复的操作

  • 双重for循环

    • 语法结构条件表达式

      • for (初始化变量; 条件表达式; 操作表达式) {
            for (初始化变量; 条件表达式; 操作表达式) {
                // 循环语句
            }
        }
        // 每次执行一次外层循环,内层循环就执行 至 条件表达式 为 false
        

while 循环

  • 语法结构:

    • while (条件表达式) {
          // 循环体
          // 注意要加上计时器,否则会进入死循环
      }
      // 如果条件表达式判断为 true 则继续执行循环体
      // 可以做一些条件比较复杂的判断,但是也可以用 for 循环替代
      

do while 循环

  • 语法结构

    • do {
         // 循环体 , 第一次无论条件表达式是否为真 , 都会执行一次循环体的代码 
      } while (条件表达式)
      

continue break

  • continue 跳出本次循环执行剩余循环
  • break 跳出全部循环

JavaScript 命名规范和语法格式

  • 标识符明明规范
    • 变量名称一般使用名词
    • 函数名称一般使用动词
  • 操作符规范
    • 操作符左右两边各写一个space