建站
咨詢
售后
建站咨詢
新聞中心
在日常工作中，你可能寫過很多JavaScript代碼，有些基礎(chǔ)性的功能，甚至那些需要重復(fù)使用的業(yè)務(wù)功能，總不愿意重復(fù)再寫上一遍。
如果是通過復(fù)制的方式來達(dá)到重用目的話，暫不說復(fù)制來復(fù)制去容易出錯，一旦使用該功能的業(yè)務(wù)達(dá)到上十個之多時，任何一個重用的基礎(chǔ)功能出現(xiàn)BUG，都要在各個業(yè)務(wù)同步修復(fù)，費時費力，***把自己搞的精疲力盡，從此厭惡寫代碼，甚至對生活失去信心，哈哈。
那如何提高這種JS代碼的重用性呢?(這句話等同于如何提升開發(fā)效率)
那就是學(xué)會包裝那部分可重用的代碼，接下來我談一下自己的看法，及我平時是怎么做的。
一. 如果你是正常的流式開發(fā)
如果你的代碼是一個大文件，找機會把可以重用的功能提取到自包含的對象中，放入到一個單獨的庫中。
若發(fā)現(xiàn)已經(jīng)有了在所有項目開發(fā)中重復(fù)使用的一組函數(shù)，考慮將它們打包，以通過一個對象直接量來重用。
下面舉一個簡單的例子：
下面這段代碼，包含三個可以在各個業(yè)務(wù)中高度復(fù)用的功能。
我們可以將它轉(zhuǎn)換成一個對象的自面量的形式來重用。如下所示：
上面我們?nèi)×巳挚臻g中的3個函數(shù)，并且將它們轉(zhuǎn)換為一個對象上的三個方法，這不僅減少了全局空間中的雜亂，而且有助于防止與其它庫中類似的函數(shù)名稱相沖突。
二. 如果你是組件化開發(fā)項目
近年來，組件化的方式開發(fā)項目成為業(yè)界主流。那么組件化開發(fā)時，我們是如何包裝可重用代碼的了。
1. 寫成組件
同一個在項目里，一般都會有一些需要重用的基礎(chǔ)功能模塊和基礎(chǔ)業(yè)務(wù)UI組件，可以將這些分別獨立寫在一個文件里，供其它各個業(yè)務(wù)模塊進(jìn)行調(diào)用。特別是在多人合作的團(tuán)隊中，這樣能極大的提高開發(fā)效率。尤其是使用ES6語法之后，公共組件的組裝也變得更加靈活和簡單。
2. 封裝成安裝包
正如文章開頭所說的，在不同的業(yè)務(wù)中如何更高效的共享這些公用基礎(chǔ)模塊，我們一般都是將其封裝成一個npm安裝包。發(fā)到npm庫中，(當(dāng)然，T公司有自己的私有庫，類似于NPM)項目使用的時候直接在項目所在的目錄中運行npm install XXX --save就可以。維護(hù)起來是不是更多加方便了。
***總結(jié)一下
學(xué)會可重用代碼的包裝，是前端開發(fā)人員必須具備的一項能力，因為這能極大提高我們的開發(fā)效率，降低代碼的出錯率。讓你變得更開心，生活質(zhì)量更高等等。
分享名稱：前端開發(fā)如何包裝可重用的JavaScript代碼
標(biāo)題網(wǎng)址：http://m.fisionsoft.com.cn/article/djpjpdd.html
