嗨我們又見面了
在 JavaScript 中,有兩種款式的條件語句,if
(*如果...)和if...else
(*如果...不然)如果一見(倒吸一口氣)事情為真,用if語法會執行一串我們寫好的程式碼,但前提是,我們自己設的條件自己必須要完成,才能觸發可愛的機關。例如:如果功課寫好了,我們就可以去玩電動。if...else
的觸發機關就不一樣了。例如:如果沒下雨我們就去公園玩,否則就在家裡玩電動;當第一個條件為真時,他就會返回第一個的獎勵;如果天氣預報會下雨,機率100%時,我們就不能出去玩了嘛對不對,不然會感冒的,所以就只能乖乖待在家裡不能出去,這是第二個觸發機關,也可以說是程式上的"備用道路"喔啾咪。
if
語法是 JavaScript 最簡單的一個語法結構,只要條件為真,他就可以執行這串程式碼。看我操作:
var age = 22;
if (age >= 20) {
console.log("你在上大學");
}
if語法分兩個主要部份:條件和主體。條件應該是Boolean值,主體是一行或多行的JavaScript程式碼。當條件滿足時,他就會執行這些程式碼。
你應該會看到這個返回值。
"你在上大學"
你的age有22,所以 age >= 20
返回22,因此觸動了開發機關,因為22>20,這會引起主體的注意,而執行了if程式碼;若想避免觸發這個條件,只須將age這個條件改成20歲以下(不行改20歲,因為>=還是會觸發機關):
var age = 18;
因為年齡低於20,所以不能上大學,JavaScript 解釋器自然而然就會忽略掉這條程式碼,
*這個空白是輸出喔啾咪
這就是它返回的值,什麼都沒有。
上一小節不是有說到,若只用了if
語法,就無法分出你的學位了,這非常讓人傷腦筋,但是,救星出現了!那就是if...else
語法!!他能給你更多的選擇,你就能分出你目前的學位了!簡直不要太好,但是這個語法還是有稍許不足的地方,但是我們就只看他的優點,我們不去貶低他人:)看我操作:
var age = 18;
if (age >= 20) {
console.log("你在上大學");
} else {
console.log("你在上高中")
}
這裡做的事就和前面一樣,只不過年齡沒有超過20歲,系統就會打印出另外一個選擇。
如上圖顯示,if...else
語法和if語法看起來很相似,只不過他有兩個主體。
關鍵字 else 放在兩個主體中間,在if...else
語句中,如果條件為真,就會執行第一個主體,否則,執行第二個主體。
↓條件
if (condition) {
console.log("你在上什麼");⏎如果條件為真那就執行此程式碼
} else {
console.log("你在上什麼");⏎否則就執行另外一個程式碼
}
今天我們知道了什麼是 if 和 if...else 語法
沒突發狀況的話,我們會把這兩個語法把它變得
呃多元化(應該是這樣講啦啾咪)沒問題的話,我們就下課嘍!明天見!