在日常工作中，你可能寫過很多JavaScript代碼，有些基礎性的功能，甚至那些需要重復使用的業務功能，總不愿意重復再寫上一遍。

如果是通過復制的方式來達到重用目的話，暫不說復制來復制去容易出錯，一旦使用該功能的業務達到上十個之多時，任何一個重用的基礎功能出現BUG，都要在各個業務同步修復，費時費力，***把自己搞的精疲力盡，從此厭惡寫代碼，甚至對生活失去信心，哈哈。

那如何提高這種JS代碼的重用性呢?(這句話等同于如何提升開發效率)

那就是學會包裝那部分可重用的代碼，接下來我談一下自己的看法，及我平時是怎么做的。

一. 如果你是正常的流式開發

如果你的代碼是一個大文件，找機會把可以重用的功能提取到自包含的對象中，放入到一個單獨的庫中。

若發現已經有了在所有項目開發中重復使用的一組函數，考慮將它們打包，以通過一個對象直接量來重用。

下面舉一個簡單的例子：

下面這段代碼，包含三個可以在各個業務中高度復用的功能。

我們可以將它轉換成一個對象的自面量的形式來重用。如下所示：

上面我們取了全局空間中的3個函數，并且將它們轉換為一個對象上的三個方法，這不僅減少了全局空間中的雜亂，而且有助于防止與其它庫中類似的函數名稱相沖突。

二. 如果你是組件化開發項目

近年來，組件化的方式開發項目成為業界主流。那么組件化開發時，我們是如何包裝可重用代碼的了。

1. 寫成組件

同一個在項目里，一般都會有一些需要重用的基礎功能模塊和基礎業務UI組件，可以將這些分別獨立寫在一個文件里，供其它各個業務模塊進行調用。特別是在多人合作的團隊中，這樣能極大的提高開發效率。尤其是使用ES6語法之后，公共組件的組裝也變得更加靈活和簡單。

2. 封裝成安裝包

正如文章開頭所說的，在不同的業務中如何更高效的共享這些公用基礎模塊，我們一般都是將其封裝成一個npm安裝包。發到npm庫中，(當然，T公司有自己的私有庫，類似于NPM)項目使用的時候直接在項目所在的目錄中運行npm install XXX --save就可以。維護起來是不是更多加方便了。

***總結一下

學會可重用代碼的包裝，是前端開發人員必須具備的一項能力，因為這能極大提高我們的開發效率，降低代碼的出錯率。讓你變得更開心，生活質量更高等等。