顺序结构、条件结构、循环结构、输出语句、调试

流程控制

顺序结构

• 代码从上往下执行

条件结构（分支结构）

• 根据不同的条件去执行相应的代码
• if…else 、三目运算 、switch…case
• if的返回条件类型是布尔型

if案例1:求两个数最大数

if案例2:判断一个人的年龄是否满18岁(是否成年)

if案例3:判断闰年平年

三元运算

• 条件判断 ? 满足条件的执行语句 : 不满足条件的执行语句

  

switch案例1：判断是星期几

<script>
    switch (day) {
      case '1':
        alert('星期一')
        break
      case '2':
        alert('星期二')
        break //不能省略，结束判断
      case '3':
        alert('星期三')
        break
      case '4':
        alert('星期四')
        break
      case '5':
        alert('星期五')
        break
      case '6':
        alert('星期六')
        break
      case '7':
        alert('星期日')
        break
      default://相当于else
        alert('请重新输入')
        break
    }
</script>

if与switch的区别：

• 能用switch实现的，一定能用if，反之不一定
• if的判断返回值是布尔类型，switch的判断key值是任意类型的

循环结构

• 不断执行一段代码
• while、do…while、for

while案例1:打印100以内 7的倍数

do…while案例1：判断1-100内 奇数，偶数,奇数和,偶数和

while与do……while的区别：

• while先判断再去执行，do……while先执行一次之后再去判断
• 循环多个变量：总是以最后一个判断表达式为准

for循环案例1：1-100之间100的约数

for循环案例2：循环多个变量：总是以最后一个判断表达式(j<7)为准

for嵌套循环:

continue和break区别

• break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）
• continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）

输入框：prompt（）；

输出：document.write();

• 在DOM渲染中，可以识别html标签
• document.write('<a href="https://www.baidu.com">程序员</a>')

js常见调试代码的方式

console.log()

alert()弹出框

打断点

debugger