流程控制

在任何一門程序設(shè)計語言中，都需要支持滿足程序結(jié)構(gòu) 化所需要的三種流程控制:
●順序控制
●分支控制（條件控制）
●循環(huán)控制
順序控制：在程序流程控制中，最基本的就是順序控制。程序會按照自上而下的順序執(zhí)行。

分支流程控制

●if語句
●switch語句

if語句【重要】

分類：單分支，雙分支，多分支，分支嵌套

// 單分支
if (條件表達式){代碼段
}
// 雙分支
if (條件表達式) {代碼段1 
}else {代碼段2
}
// 多分支
if (條件表達式1){代碼段1
} else if (條件表達式2){代碼段2
} else if (條件表達式3){代碼段3
}else{代碼段4
}

()中可以是一個值，也可以是一個表達式

// 判斷成績是否及格
// 單分支
var score = 78;
if(score>=60 && score<=100){console.log('及格');
}// 雙分支
if(score>=60 && score<=100){console.log('及格');
}else{console.log('不及格');
}
// 雙分支 改寫 三元運算符
var res = score>=60&& score<=100?'及格':'不及格';
console.log(res);// 多分支
var score = 59;
if(score>=60 && score<=100){console.log('及格');
}else if(score>=0 && score<=59){console.log('不及格');
}else{console.log('輸入錯誤！');
}// 分支嵌套
var score = 59;
if(score>=60 && score<=100){if(score>=85){console.log('優(yōu)秀');}else if(score>=75){console.log('良好');}else{console.log('中等');}
}else if(score>=0 && score<=59){console.log('不及格');
}else{console.log('輸入錯誤！');
}

Switch【掌握】

switch (變量){case 值1: 代碼段;break;case 值2: 代碼段;break;...default: 代碼段;
}

（）只能是變量或值，不能是表達式

var d = new Date();
console.log(d); // 獲取日期時間對象
var week = d.getDay(); // 獲取星期幾
switch (week) {case 0:console.log('星期天');break;case 1: console.log('星期一');break;case 2:console.log('星期二');break;case 3:console.log('星期三');break;case 4:console.log('星期四');break;case 5:console.log('星期五');break;case 6:console.log('星期六');break;
}

對比：什么時候用if，什么時候用switch

if：條件是一個范圍 或者 是具體的值
switch：條件是一個具體的值
能夠使用switch實現(xiàn)的判斷，都可以使用if來實現(xiàn)
但是，能夠使用if語句實現(xiàn)的判斷，不一定能使用switch實現(xiàn)

案例：小游戲

<button id='btn1'>唱歌</button><button id='btn2'>講故事</button><button id='btn3'>說英語</button>
</body>
<script>var btn = document.getElementsByTagName('button');for(var i=0;i<btn.length;i++){// console.log(btn[i]);btn[i].onclick = function(){// this 點擊的是誰，獲取的就是誰// console.log(this);// if(this.innerText=='唱歌'){//     console.log('兩只老虎。。。。');// }else if(this.innerText=='說英語'){//     console.log('ABCDEFG。。。。');// }else if(this.innerText=='講故事'){//     console.log('從前有個山。。。。');// }switch(this.innerText){case '唱歌':console.log('兩只老虎。。。。');break;case '說英語':console.log('ABCDEFG。。。。');break;case '講故事':console.log('從前有個山。。。。');break;}}}
</script>