JavaScript Refactor

jopen 9年前發布 | 13K 次閱讀 JavaScript開發 JavaScript

只有SkilltreeDeveloper學習路線圖 是遠遠不夠的。

說明: 在構建EchoesWorks的時候用到了這個庫,這是一個用于生成Markdown的Micro Markdown庫。

由于對代碼重構的最大難題是沒有測試,在這里我們提供了盡可能高的測試覆蓋率。至于功能見測試用例,測試用例是最好的文檔。

注意: 這里并沒有說原來的代碼寫得不好,只是在這里可以讓我們學習重構。

你要面對的挑戰有:

  • 注釋 (Comments) (ps: 合理的函數名、變量名可以取代注釋)
  • 重復代碼 (Duplicated Code)
  • 過大的類 (Large Class)
  • 多層嵌套
  • 。。。

可以參考的模式:

  • Decorator (裝飾)
  • Composite (組成)

或者當時我想用的

  • Pipes and Filters

可以參考的書籍:

《重構與模式》

《重構: 改善既有代碼的設計》

測試代碼質量:

CodeClimate

相關文章: 用code climate來clean code與重構

Setup

1.Install

npm install

2.Test

npm test

ps: 在ThoughtWorks,寫出功能代碼只是走了一半的路,紅->綠->重構。

Enjoy it!

訂閱

請到https://github.com/artisanstack/summary

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!