iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 4
1
Modern Web

JS 學習歷程系列 第 4

讓專業的來 - 想在蟹老闆底下摸魚,你就必需懂 function (一)

  • 分享至 

  • xImage
  •  
  1. 假設有二台收銀機:好四多&加樂福,它們分別盡責的執行顯示金額:
    https://ithelp.ithome.com.tw/upload/images/20190904/20119922fz9k9DZIFO.png

  2. 蟹老闆為了顯示其專業度,想在 price 前面加上 '$' 字號,於是我們來把它一段一段加上去:
    https://ithelp.ithome.com.tw/upload/images/20190904/20119922WJmeOPUFmq.png

  3. 但這種不符合效率的複製貼上,讓蟹老闆站在我身後很火,只好來寫個 addSign function 統一改 price 讓它看起來具有碼農的專業度,寫完addSign function,記得也要去改 好四多&加樂福 收銀機function:
    https://ithelp.ithome.com.tw/upload/images/20190905/201199221Z3tM6ozbs.png

  4. 你說你不懂寫 function 的好處在哪裡?讓我來跟你說說傲嬌老蟹今天說他還想在'$'字號上加上'NT'讓人家知道我們收銀機 made in Taiwan,這時候你只需要再去修改你的 addSign function
    https://ithelp.ithome.com.tw/upload/images/20190905/20119922dvAnAXQVEj.png

  5. 看看收銀機 console.log 出來的金額,是不是都一起更動了?這樣一來,即使蟹老闆擁有再多收銀機,只要想改 price 內容 ,我們都可以只在一個地方輕鬆修改,剩餘的工作時間,當然要好好打混摸魚,真是快樂呼~


上一篇
與 JS 確認過眼神 - 宣告變數、把 JS 加入你頁面 (二)
下一篇
讓專業的來 - 想在蟹老闆底下摸魚,你就必需懂 function (二)
系列文
JS 學習歷程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

2
蟹老闆
iT邦大師 1 級 ‧ 2019-09-08 16:09:50

我在後面站很久了

Chita iT邦新手 5 級 ‧ 2019-09-08 22:41:10 檢舉

唉呀!原來是老闆大人您啊,請坐請坐,站久傷身哪!(店小二模式啟動

我要留言

立即登入留言