JavaScript流程控制

①顺序控制
对编程而言，不可能告知其流程就是顺序控制
②分支控制
（1）单分支
基本语法
If（条件表达式）{
//执行语句1}
（2）双分支
If（条件表达式）{
}else{
}
（3）多分支
基本语法：
If（条件表达式）{
//执行}else if（条件表达式2）{
//执行
}else if

多分支 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
     
     

      
      7
     
     
     
     

      
      8
     
     
     
     

      
      9
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
       var 
       
       sex
       
       =
       
       window
       
       .
       
       prompt
       
       (
       
       "请输入性别"
       
       )
       
       ;
      
      
      
      

       
       if
       
       (
       
       sex
       
       ==
       
       "男"
       
       )
       
       {
      
      
      
      

       
           
       
       window
       
       .
       
       alert
       
       (
       
       "上男厕所"
       
       )
       
       ;
      
      
      
      

       
       }
      
      
      
      

       
       else 
       
       if
       
       (
       
       sex
       
       ==
       
       "女"
       
       )
       
       {
      
      
      
      

       
           
       
       window
       
       .
       
       alert
       
       (
       
       "上女厕所"
       
       )
       
       ;
      
      
      
      

       
       }
       
       else
       
       {               
      
      
      
      

       
           
       
       window
       
       .
       
       alert
       
       (
       
       "不上厕所"
       
       )
       
       ;
      
      
      
      

       
       }
      
      
     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

强调:满足条件的入口，执行完毕后，就直接结束这个多分支，后面都不执行

后面都不执行 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
     
     

      
      7
     
     
     
     

      
      8
     
     
     
     

      
      9
     
     
     
     

      
      10
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
       var 
       
       sex
       
       =
       
       window
       
       .
       
       prompt
       
       (
       
       "请输入性别"
       
       )
       
       ;
      
      
      
      

       
       if
       
       (
       
       sex
       
       ==
       
       "男"
       
       )
       
       {
      
      
      
      

       
           
       
       window
       
       .
       
       alert
       
       (
       
       "上男厕所"
       
       )
       
       ;
      
      
      
      

       
       }
      
      
      
      

       
       else 
       
       if
       
       (
       
       sex
       
       ==
       
       "女"
       
       )
       
       {
      
      
      
      

       
           
       
       window
       
       .
       
       alert
       
       (
       
       "上女厕所"
       
       )
       
       ;
       
       //后面都不执行
      
      
      
      

       
       }
       
       else 
       
       if
       
       (
       
       sex
       
       ==”
       
       女”
       
       )
       
       { 
      
      
      
      

       
           
       
       window
       
       .
       
       alert
       
       (
       
       "不上厕所"
       
       )
       
       ;
      
      
      
      

       
       }
      
      
      
      

     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

switch基本语法
Switch(条件表达式){
Case 常量1
//执行语句
Break；
Case 常量2
//执行语句
Break；
Default（可有可无）
//执行
}

switch 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
     
     

      
      7
     
     
     
     

      
      8
     
     
     
     

      
      9
     
     
     
     

      
      10
     
     
     
     

      
      11
     
     
     
     

      
      12
     
     
     
     

      
      13
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
       var 
       
       a
       
       =
       
       890
       
       ;
      
      
      
      

       
       switch
       
       (
       
       a
       
       )
       
       {
      
      
      
      

       
       case 
       
       890
       
       ;
      
      
      
      

       
       window
       
       .
       
       alert
       
       (
       
       "890"
       
       )
       
       ;
      
      
      
      

       
       break
       
       ;
       
       //跳出整个switch
      
      
      
      

       
       case 
       
       90
       
       ;
      
      
      
      

       
       window
       
       .
       
       alert
       
       (
       
       "90"
       
       )
       
       ;
      
      
      
      

       
       break
       
       ;
      
      
      
      

       
       default
       
       :
      
      
      
      

       
       window
       
       .
       
       alert
       
       (
       
       "没有匹配的值"
       
       )
       
       ;
      
      
      
      

       
       break
       
       ;
      
      
      
      

       
       }
      
      
      
      

     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

得出
（1）JS的switch语句数据类型可以是JS支持的任何类型（数组和对象除外）
（2）Case后面的数据类型可以任意（数组和对象出来）
（3）Break作用是跳出整个switch（没有break上面那个案例三个输出 890  90……….
（4）如果没有匹配的则执行default

没有break执行结果为：三个都有

break 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
     
     

      
      7
     
     
     
     

      
      8
     
     
     
     

      
      9
     
     
     
     

      
      10
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
       Var 
       
       flag
       
       =
       
       1
       
       ;
      
      
      
      

       
       Switch
       
       (
       
       flag
       
       )
      
      
      
      

       
       {
      
      
      
      

       
       Default
       
       :
      
      
      
      

       
       Window
       
       .
       
       alert
       
       (“ 
       
       默
       
       认”
       
       )
       
       ;
      
      
      
      

       
       Case 
       
       ‘a’
       
       :
      
      
      
      

       
       Window
       
       .
       
       alert
       
       (“
       
       今
       
       天
       
       星
       
       期
       
       一”
       
       )
       
       ;
      
      
      
      

       
       Case 
       
       ‘b’
      
      
      
      

       
       Window
       
       .
       
       alert
       
       (“ 
       
       今
       
       天
       
       星
       
       期
       
       二”
       
       )
       
       ;
      
      
      
      

     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

空类型案例 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
       var 
       
       a
       
       =
       
       null
       
       ;
      
      
      
      

       
       switch
       
       (
       
       a
       
       )
       
       {
      
      
      
      

       
           
       
       case 
       
       null
       
       :
      
      
      
      

       
               
       
       window
       
       .
       
       alert
       
       (
       
       "null"
       
       )
       
       ;
      
      
      
      

       
               
       
       break
       
       ;
       
       }
      
      
      
      

     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

③循环控制
For循环的基本语法
For（循环初值；循环条件：步长）{
语句；//循环体
}
注意3,4的执行顺序


While循环
基本语法
while（条件表达式）{
//执行语句；
}

while 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
     
     

      
      7
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
       输出“hello 
       
       world”10
       
       次
      
      
      
      

       
       var 
       
       i
       
       =
       
       0
       
       ;
      
      
      
      

       
           
       
       while
       
       (
       
       i
       
       <
       
       10
       
       )
       
       {
      
      
      
      

       
               
       
       document
       
       .
       
       writeln
       
       (
       
       "hello <br/>"
       
       )
       
       ;
      
      
      
      

       
               
       
       i
       
       ++
       
       ;
      
      
      
      

       
               
       
       }
      
      
      
      

     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

Do ...while
基本语法
Do{
//执行
}while（条件表达式）

do while 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
           
       
       var 
       
       i
       
       =
       
       0
       
       ;
      
      
      
      

       
               
       
       do
       
       {
      
      
      
      

       
           
       
               
       
       document
       
       .
       
       writeln
       
       (
       
       "hrllo<br/>"
       
       )
       
       ;
      
      
      
      

       
           
       
               
       
       i
       
       ++
       
       ;
      
      
      
      

       
           
       
               
       
       }
       
       while
       
       (
       
       i
       
       <
       
       10
       
       )
       
       ;
      
      
      
      

     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

综合案例

①计算1+2+.....+n的值

key 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
     
     

      
      7
     
     
     
     

      
      8
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
       var 
       
       n
       
       =
       
       window
       
       .
       
       prompt
       
       (
       
       " 请输入一个整数"
       
       )
       
       ;
      
      
      
      

       
           
       
               
       
       n
       
       =
       
       parseInt
       
       (
       
       n
       
       )
       
       ;
      
      
      
      

       
           
       
               
       
       var 
       
       res
       
       =
       
       0
       
       ;
      
      
      
      

       
           
       
               
       
       for
       
       (
       
       var 
       
       i
       
       =
       
       1
       
       ;
       
       i
       
       <=
       
       n
       
       ;
       
       i
       
       ++
       
       )
       
       {
      
      
      
      

       
           
       
           
       
               
       
       res
       
       +=
       
       i
       
       ;
      
      
      
      

       
           
       
           
       
               
       
       }
      
      
      
      

       
           
       
           
       
               
       
       document
       
       .
       
       writeln
       
       (
       
       '结果是'
       
       +
       
       res
       
       )
       
       ;
      
      
      
      

     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

②计算1!+2!+....+n!的值

key2 效果预览

   
   

    
    

     
     

      
      1
     
     
     
     

      
      2
     
     
     
     

      
      3
     
     
     
     

      
      4
     
     
     
     

      
      5
     
     
     
     

      
      6
     
     
     
     

      
      7
     
     
     
     

      
      8
     
     
     
     

      
      9
     
     
    
    
    
    

   
   
   
   

    
    

     
     

      
      

     
     
     
     

      
      

     
     
     
     

      
      

       
       var 
       
       res2
       
       =
       
       0
       
       ;
      
      
      
      

       
       var 
       
       temp
       
       =
       
       1
       
       ;
      
      
      
      

       
           
       
       for
       
       (
       
       var 
       
       i
       
       =
       
       1
       
       ;
       
       i
       
       <=
       
       n
       
       ;
       
       i
       
       ++
       
       )
       
       {
      
      
      
      

       
               
       
       for
       
       (
       
       var 
       
       j
       
       =
       
       1
       
       ;
       
       j
       
       <=
       
       i
       
       ;
       
       j
       
       ++
       
       )
       
       {
      
      
      
      

       
           
       
               
       
       temp
       
       *=
       
       j
       
       ;
       
       }
      
      
      
      

       
           
       
           
       
               
       
       res2
       
       +=
       
       temp
       
       ;
      
      
      
      

       
           
       
           
       
               
       
       temp
       
       =
       
       1
       
       ;
       
       }
      
      
      
      

       
           
       
       document
       
       .
       
       writeln
       
       (
       
       "第二个结果是"
       
       +
       
       res2
       
       )
      
      
      
      

     
     
     
     

     
     

      
      

     
     
    
    
   
   
   
   

    
    

    
    

   
   

执行的顺序，把上面的for的顺序搞清楚，一层一层来即可


JS 调试 （调试没听懂，还需要学习）
在IE8中，我们可以通过工具对JS代码进行调试，尤其页面比较复杂很有用
注意：首先要在IE-工具-internet选项-高级中取消“禁止脚本调试”
F11：一句一句执行，如果遇到函数，则跳进函数中，在一句一句执行
F10：按过程执行，当遇到一个函数时，F10就把整个函数当做一个语句执行，
而不跳入执行shift+F11从一个函数中跳出
局部变量：可以看到变量的变化情况。
断点：可以看断点情况。