只有累積,沒有奇蹟

2019年4月12日 星期五

[UnitTest] Refactoring 好幫手 - Refactoring.Guru

前言
過去還在菜鳥時期很常遇過一種情境,就是當看到一段既有的代碼或是專案裡的 Code,看起來有些怪異的地方但又說不出來怪的點是哪一點,想改又不知道從何下手的情境,如果遇到這問題想要得到解答的話,可以試試看到 refactoring.guru,這網站透過漫畫的方式介紹兩項開發者在 Coding 時的必修課程,重構 ( Refacting ) 與設計模式 ( Design Pattern );以下就針對這兩項目做簡單說明

Refactoring
除了閱讀經典書籍 重構:改善既有代碼的設計 之外,可以透過網站整理重構相關的幾個議題說明
  • Refactoring : 重構的目的是消除技術債,介紹容易維護及乾淨的代碼帶來什麼樣的好處
  • Dirty Code : 什麼是技術債以及造成的影響
  • Refactoring Process : 如何重構? 介紹 Code Smell 及遇到該如何解決程式碼的壞味道
  • Clean Code : 甚麼是乾淨的程式碼 ?
個人覺得實用的部分是針對 Code Smell 的介紹,以及為甚麼這段 Code 需要 (why) 重構還有如何(how) 重構它,讓你瞭解這段代碼背後的問題,遇到了可以用什麼樣的方式來解決它,不像是一些文章用比較生硬的角度切入在理解上比較難懂,在配上漫畫圖片的介紹,加速對於問題的理解,舉例來說如果遇到 Code 有一段內容很長的方法,什麼樣的情境符合 Long Method,網站建議解決方是 extract method 以及下圖說明 


如果想了解更多,可以到網站分類 Refactor : 傳送門

Design Pattern

設計模式在開發時也是必修學分之一,這部份自己也尚在領悟中就不在班門弄斧介紹,有興趣的可以直接點選頁面更快 : 傳送門,網站介紹的 Sample Code : GitHub 傳送門

同場加映
其實在過去當新進同仁進公司時,都會推薦另一個類似的網站叫做 source making,讓有興趣的新進同仁可以自行去研究如果有時間可以跟大家分享,在 source making 分類與今天介紹的十分相似,有 design pattern、Antipatterns、Refactoring 以及 UML 等四大類,其中插圖風格也是頗為相似 (不確定是否為相同作者),如果有興趣的朋友也可以加減看看,這裡就廢話不多說直接附上 傳送門

參考
refactoring.guru

0 意見:

張貼留言

Copyright © m@rcus 學習筆記 | Powered by Blogger

Design by Anders Noren | Blogger Theme by NewBloggerThemes.com