今天學到兩個有趣、有用的 javascript 知識點(原諒我這個後端工程師看到這種有趣的特性的興奮感)
1. 用個 hashmap 來取值並直接當物件的 key/property 取值用,如第一張圖的 queryParams.ref_data[refDataMap[cal_type]]
如果 cal_type 是 M, 那拿到的就是
queryParams.ref_data.market_dt
在 C# 之類的靜態語言就得用 reflection 搞的概念。
2. 用 spread operator 攤開某個 value 的內容。
如圖2的 ...cal_type_map[cal_type], 如果 cal_type 是 T, 就會把這個物件多一個 key/value pair (或是 property 的概念), 例如 can_trans : Y
這兩張圖也是為了 show 一下,我們把一堆重複的代碼抽成小而美的 function 來組合實現原本那一大坨的流程,並去除抽象來看重複的部份。
其實看最終代碼真的沒啥,但體會中間用極速開發的過程重構那一大段 N 個螢幕才放得進去的 code, 六個人輪流 pair 重構,不斷把之前的code整理、抽變數/方法/參數,看到判斷式也是重複的、處理也是重複的,不斷消掉 if/else 裡面的 block, 再消掉 if/elseif 的 condition, 那才是一個爽!
這是 coaching 這個團隊第三天的產出,這三天經歷了我人生的第一個 node.js, jest test, 產品代碼跟測試代碼都重構,第一個 mongoDB 的整合測試。
其實用對方式,對的人,有主管支持,團隊可以一起做決定,可以一起變強,可以打從心裡想改善的。
#程式碼片段分享已取得客戶主管同意
#javascript有趣!
#那堆precondition我也想用wrapper幹掉
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「javascript判斷式」的推薦目錄:
- 關於javascript判斷式 在 91 敏捷開發之路 Facebook 的最佳解答
- 關於javascript判斷式 在 Blogger調校資料庫 Facebook 的最佳貼文
- 關於javascript判斷式 在 コバにゃんチャンネル Youtube 的精選貼文
- 關於javascript判斷式 在 大象中醫 Youtube 的最佳解答
- 關於javascript判斷式 在 大象中醫 Youtube 的最佳貼文
- 關於javascript判斷式 在 JS 筆記- 控制判斷(if、else if、switch) - 提姆寫程式 的評價
- 關於javascript判斷式 在 7. JavaScript 判斷式· ZoeHYH/mentor-program-4th Wiki · GitHub 的評價
javascript判斷式 在 Blogger調校資料庫 Facebook 的最佳貼文
利用Blogger語法的判斷式,配合Blogger各種不同的頁面型態(PageType)參數,就能在不同的頁面時執行不同的HTML、Javascript,或是展現不同的CSS效果。本文提供許多實用的範例供參考以及套用。
http://wayne-fu.blogspot.com/2012/12/blogger-pagetype.html
javascript判斷式 在 コバにゃんチャンネル Youtube 的精選貼文
javascript判斷式 在 大象中醫 Youtube 的最佳解答
javascript判斷式 在 大象中醫 Youtube 的最佳貼文
javascript判斷式 在 7. JavaScript 判斷式· ZoeHYH/mentor-program-4th Wiki · GitHub 的推薦與評價
JavaScript 判斷式 · ZoeHYH/mentor-program-4th Wiki · GitHub ... if(若判斷式為 true) { // 撰寫時不要為了簡短而忽略可讀性 執行 Statement } const score = 70 ... ... <看更多>
javascript判斷式 在 JS 筆記- 控制判斷(if、else if、switch) - 提姆寫程式 的推薦與評價
判斷式 先判斷小括號內的條件是否符合變數給的值,若相同就會執行陳述式,若不同則不會執行,所以if 的感覺很直覺,想什麼講什麼就是了。 ... <看更多>