web进阶之二十：JavaScript 语法之函数的流程控制

流程控制

  流程控制语句
JS中的程序是从上到下一行一行执行的，通过流程控制语句可以控制程序执行流程，使程序可以根据一定的条件来选择执行

• 语句的分类：
  1.条件判断语句 if/else
  2.条件分支语句 switch/case
  3.循环语句 for while do/while

条件判断语句

解释和用法全部写到代码中了，下面这个例子，使用了div和按钮来做演示。就是让盒子显示和隐藏，当盒子有的时候我通过改变它的style：display 来实现隐藏和显示。

多重条件判断语句和条件分支语句

  当我们的if/else满足不了目前的需求时，那么我们就进行多重的判断，通过if / else if和switch / case来进行控制。

while循环语句

  通过循环语句可以反复的执行一段代码多次。

• while循环
  - 语法：
  while(条件表达式){
  语句...
  }

    - while语句在执行时，
        先对条件表达式进行求值判断，
            如果值为true，则执行循环体，
                循环体执行完毕以后，继续对表达式进行判断
                如果为true，则继续执行循环体，以此类推
            如果值为false，则终止循环
  

• do...while循环***
  - 语法：
  do{
  语句...
  }while(条件表达式)

   - 执行流程：
       do...while语句在执行时，会先执行循环体，
           循环体执行完毕以后，在对while后的条件表达式进行判断，
           如果结果为true，则继续执行循环体，执行完毕继续判断以此类推
           如果结果为false，则终止循环
  

实际上这两个语句功能类似，不同的是while是先判断后执行， 而do...while会先执行后判断，do...while可以保证循环体至少执行一次，而while不能。

---