第4节 流程控制语句

前言

  1. 调试代码,找出代码中的问题经常使用 debugger 来打断点, 而要能在准确位置打上断点, 就必须熟悉程序的执行流程
  2. 流程控制语句有三种: 顺序结构, 分支结构和循环结构

(一) 顺序结构(默认)

  1. 程序默认从上到下一句一句代码执行, 这就是顺序结构
  2. 打断点操作

(二) 分支结构

  1. if else
  2. 三目运算符
  3. switch break

(三) 循环结构

1. for 循环

  1. 标准 for 循环四要素 ``` for(var i=0;i<5;i++){ console.log(‘i=’,i); }

(1)循环变量初始值 var i=0; (2)循环条件 var i<5; (3)循环变量改变 i++; (4)循环体 console.log(‘i=’,i); ```

  1. for 循环的运行规律

(1)第一次循环 1->2->4->3 (2)第二次循环 2->4->3 (3)第三次循环 2->4->3 …….. 当循环条件不满足,就会结束循环

  1. continue 和 break
  2. for循环的四个部分不是必须的
  3. 死循环

    2. 数组遍历和对象遍历

    3. while 循环 和 do while 循环

(四) 打断点调试

  1. 没有得到期待的结果的时候, 应该怎么办
    1. 打开控制台, 看看有没有报错
    2. 打断点进行调试代码
  2. 打断点
    1. 代码运行流程
      1. 从上到下,逐行执行
      2. 遇到分支语句只会执行其中的一个分支
      3. 遇到for循环, 要等到for循环结束才继续往下执行
      4. 遇到函数, 先声明函数,函数内的代码并不会离职执行, 只有函数被调用时才执行
    2. 断点的各个符号的含义
    3. 断点打得准的关键是: 清楚代码运行流程, 也就是清楚代码会往哪里”走”