iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0
自我挑戰組

50後阿嬤教你寫程式!系列 第 4

Day 04 阿嬤的基礎語法!

  • 分享至 

  • xImage
  •  

Day 04 阿嬤的基礎語法!

嗨我們又見面了

語法中的語法

在 JavaScript 中,有兩種款式的條件語句,if(*如果...)和if...else(*如果...不然)如果一見(倒吸一口氣)事情為真,用if語法會執行一串我們寫好的程式碼,但前提是,我們自己設的條件自己必須要完成,才能觸發可愛的機關。例如:如果功課寫好了,我們就可以去玩電動。if...else的觸發機關就不一樣了。例如:如果沒下雨我們就去公園玩,否則就在家裡玩電動;當第一個條件為真時,他就會返回第一個的獎勵;如果天氣預報會下雨,機率100%時,我們就不能出去玩了嘛對不對,不然會感冒的,所以就只能乖乖待在家裡不能出去,這是第二個觸發機關,也可以說是程式上的"備用道路"喔啾咪。

if語法

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...else語法

上一小節不是有說到,若只用了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 語法
沒突發狀況的話,我們會把這兩個語法把它變得
呃多元化(應該是這樣講啦啾咪)沒問題的話,我們就下課嘍!明天見!


上一篇
Day 03 阿嬤知道怎麼列算式!基礎數據來嘍!
下一篇
Day 05 阿嬤有更多的選擇!
系列文
50後阿嬤教你寫程式!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言