03 流程控制
流程控制
if 和 switch
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-U-Compatible" content="IE-edge"> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <title>流程控制</title> 8 </head> 9 <body> 10 <script type="text/javascript"> 11 // 流程控制 if else语句 12 var score = 59; 13 if(score >= 95){ 14 console.log('perfect!'); 15 }else if(score >= 90){ 16 console.log('great!'); 17 }else if(score >= 80){ 18 console.log('good'); 19 }else if(score >= 60){ 20 console.log('ok'); 21 }else{ 22 console.log('bad!'); 23 } 24 // 逻辑 与 && 和 或 || 25 var mathScore = 80,englishScore = 95; 26 if(mathScore >= 90 && englishScore >= 90){ 27 console.log('nice!'); 28 }else{ 29 console.log('come on!'); 30 } 31 32 // 流程控制 switch 枚举变量的值 33 var num = 2; 34 switch(num){ 35 case 1: 36 console.log('a'); 37 break; 38 case 2: 39 console.log('b'); 40 break; 41 case 3: 42 console.log('c'); 43 break; 44 case 4: 45 console.log('d'); 46 break; 47 default: // 当num不在上述的枚举内时,走这个分支 类似与 if语句里的 else 48 console.log('too big'); 49 } 50 // switch语句中遇到break跳出循环,如果分支内没有写break,那么会继续往下运行 知道遇到break终止switch语句 这就是case穿透 51 // 下面的语句 进入case 2的分之后 一直遇到case 4才有break 所以这里会输出 b c d 52 switch(num){ 53 case 1: 54 console.log('a'); 55 break; 56 case 2: 57 console.log('b'); 58 case 3: 59 console.log('c'); 60 case 4: 61 console.log('d'); 62 break; 63 default: // 当num不在上述的枚举内时,走这个分支 类似与 if语句里的 else 64 console.log('too big'); 65 } 66 </script> 67 </body> 68 </html>
夕闻道不如朝闻道