JavaScript高级(05_流程控制与程序循环)

流程控制

• js中的程序是从上到下一行行执行的

• 通过流程控制语句可以控制程序执行的流程

• 使程序可以根据一定的条件来选择语句执行

• 语句的分类

  • 循环语句

    • while循环

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

      • 语法:

      • while(条件表达式){
          语句。。。
        }

      • while语句在执行时，先对条件表达式进行求值判断

      • 如果值为true，则执行循环体语句，然后依次反复判断和执行

      • 如果值为false，则不执行循环体语句，并直接跳出该循环

      • 先判断后执行

    • do...while循环

      • 语法：

      • do{
          语句...
        }while(条件表达式)

      • 先执行循环体中的语句，再对while的条件表达式判断

      • 如果结果为true，则继续执行循环体，执行完毕继续判断以此类推

      • 如果结果为false，则终止循环

      • 先执行后判断

    • for循环

      • 初始化表达式

      • 条件表达式

      • 更新表达式

      • 语法:

      • for(初始化表达式;条件表达式;更新表达式){
          循环体语句...
        }

      • 执行流程：

        1. 执行初始化表达式，初始化变量（初始化表达式只执行一次）

        2. 执行条件表达式，来判断是否执行循环

           • 如果为true，则执行循环体 [循环体执行完成后跳至步骤3]

           • 如果为false，则终止循环

        3. 执行更新表达式

           • 更新表达式执行完毕后 [执行步骤跳至步骤2]

    • break关键字只能用来退出switch或for循环语句

      • 不能在if语句中使用break和continue

      • break关键字，会立即终止离他最近的那个循环语句

      • 可以为循环语句创建一个标签，来表示当前循环

      • label:循环语句

      • outer:
        for(i=0; i<5; i++){
          console.log("@外层循环"+i);
          inner:
          for(j=0; j<5; j++){
            break inner;
            console.log("内层循环"+j);
          }
        }

      • 使用break关键字时，可以在break后面+label标签，来指定结束的循环

      • 此时结束的不是最近的循环了

      • continue 关键字可以用来跳过当次循环，使得循环直接进行下一次循环

        • continue也是默认对离他最近的循环起作用

  • 条件分支语句

  • 条件判断语句

    • 使用条件 判断语句可以在执行某个语句之前进行判断

    • 如果条件成立才会执行语句，否则不执行

    • if语句

      • if语法一：

      • if(条件表达式){语句}

      • if语句在执行时，会先对条件表达式进行求值判断 ，如果条件表达式为true，则执行if后的语句，否则不会执行

      • if语句只能控制紧随其后的语句

      • 如果希望if语句可以控制多个语句，可以将这些需要控制的语句丢到代码块{}中

      • if语句后面的代码块不是必须的，但是在开发中尽量用{}来写代码块

    • switch语句

      • switch 和 if 基本可以互相转换使用

      • switch(score){
        case 1:
          语句1
        case 2:
          语句2
        ...
        default:
          语句default
        }