建站
咨詢
售后
建站咨詢
新聞中心
寫在前面
本文是《重構，有品位的代碼》系列第五篇文章，前面文章主要介紹的重構手法是關于如何新建、移除或重命名程序的元素。當然，不只是只有這些手法，還有類型的重構也是很重要的，主要是在不同上下文間搬移元素?？梢酝ㄟ^搬移函數(shù)手法在類與其他模塊之間搬移函數(shù)，同樣的也有搬移字段手法，還有其它手法將在本文中將逐一介紹...
站在用戶的角度思考問題，與客戶深入溝通，找到錫林浩特網(wǎng)站設計與錫林浩特網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站建設、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、雅安服務器托管、企業(yè)郵箱。業(yè)務覆蓋錫林浩特地區(qū)。
前情回顧：
- 《重構，有品位的代碼 01──走上重構之道》
- 《重構，有品位的代碼 02──構建測試體系》
- 《重構，有品位的代碼 03──常用重構手法》
- 《重構，有品位的代碼 04──封裝》
常見的搬移特性手法
在平時開發(fā)中，經(jīng)常會在代碼中使用到搬移特性，但是并不知道是做了什么搬移特性，現(xiàn)在我們將常用的搬移特性手法進行總結如下：
- 搬移函數(shù)
- 搬移字段
- 搬移語句到函數(shù)
- 搬移語句到使用者
- 以函數(shù)調(diào)用取代內(nèi)聯(lián)代碼
- 移動語句
- 拆分循環(huán)
- 以管道取代循環(huán)
- 移除死代碼
1. 搬移函數(shù)
模塊化能夠確保我們的代碼塊間的聯(lián)系易于查找、直觀易懂，能夠保證相互關聯(lián)的軟件要素集中在一塊，便于我們理解和管理。與此同時，隨著對代碼的理解加深，了解到那些軟件要素如何組織最為恰當，此時需要通過不斷地搬移元素進行重新模塊化。
函數(shù)是存活在上下文中的，這個上下文可能是全局的，也有可能是當前所在模塊進行提供的。而類即為主要的模塊化手段，作為函數(shù)的上下文，此外通過函數(shù)嵌套的方式，外層函數(shù)也可為內(nèi)層函數(shù)提供上下文。簡而言之，模塊可以為函數(shù)提供存活的上下文環(huán)境。
由于在某些代碼頻繁引用其他上下文中的元素，即與其他上下文的元素關系緊密，而對于自身上下文中的元素關心甚少，此時就可以考慮將聯(lián)系密切的元素進行歸納，取得更好的封裝效果。那么有以下情況，你可以進行搬移函數(shù)的操作：
- 某段代碼需要頻繁調(diào)用別處函數(shù)
- 在函數(shù)內(nèi)部定義幫助函數(shù)在別處也有調(diào)用
- 在類中定義函數(shù)
通常的，首先檢查函數(shù)在當前上下文中引用的所有程序元素(包括變量和函數(shù))，考慮是否需要將它們進行搬移，并對待搬移函數(shù)是否具有多態(tài)性進行檢查。將函數(shù)復制一份到目標上下文中，調(diào)整函數(shù)使得適應新的上下文。執(zhí)行靜態(tài)檢查，設法從源上下文中正確引用目標函數(shù)，修改源函數(shù)，使之成為一個純委托函數(shù)。
原始代碼：
- class Account{
- constructor(){
- ....
- }
- get bankCharge(){
- let result = 4.5;
- if(this._daysOverdrawn> 0) result += this.overdraftCharge;
- }
- get overdraftCharge(){
- if(this.type.isPremium){
- const basecharge = 10；
- if(this.dayOverdrawn <= 7){
- return baseCharge;
- }else{
- return baseCharge + (this.daysOverdrawn - 7) * 0.85;
- }
- }else{
- return this.daysOverdrawn * 1.75;
- }
- }
- }
重構代碼：
- class Account{
- constructor(){
- ...
- }
- get bankcharge(){
- let result = 4.5;
- if(this._daysOverdrawn> 0) result += this.overdraftCharge;
- }
- get overdraftCharge(){
- return this.Type.overdraftCharge(this);
- }
- }
- class AccountType{
- constructor(){
- ...
- }
- overdraftCharge(account){
- if(this.isPremium){
- const basecharge = 10；
- if(account.dayOverdrawn <= 7){
- return baseCharge;
- }else{
- return baseCharge + (account.daysOverdrawn - 7) * 0.85;
- }
- }else{
- return account.daysOverdrawn * 1.75;
- }
- }
- }
2. 搬移字段
在開發(fā)中你是否會遇到一些糟糕的代碼，使用了糟糕的數(shù)據(jù)結構，代碼的邏輯并不清晰條理，更多的是各種糾纏不清，代碼很多令人費解的無用代碼。因此，通常可以做些預先的設計，設法獲取最恰當?shù)臄?shù)據(jù)結構，而具備驅(qū)動設計方面的經(jīng)驗和知識，將有助于你設計數(shù)據(jù)結構。
當然，即使經(jīng)驗豐富、技能熟練，也會在設計數(shù)據(jù)結構的時候犯錯，但是隨著對問題理解的深入，對業(yè)務邏輯的熟悉，便會考慮到更深更全面。在過程中發(fā)現(xiàn)數(shù)據(jù)結構不適應需求，便要及時進行修繕，如果容許瑕疵存在便會導致代碼復雜化，問題累積。
在你每次進行調(diào)用函數(shù)時，在傳入一個參數(shù)時，總是需要伴隨另外的字段作為參數(shù)傳入，即修改一條記錄同時需要修改另一條記錄，那么意味著此處的字段位置放置錯誤。另外的，假設你更新某個字段，同時需要在多個結構中做出改變，那么就意味著你需要將此字段進行正確的搬移。
具體的，確保源字段已經(jīng)進行良好封裝，在目標對象上創(chuàng)建字段(及對應的訪問函數(shù))并執(zhí)行靜態(tài)檢查，確保源對象里能夠正常引用目標對象，即調(diào)整源對象的訪問函數(shù)能夠使用目標對象的字段。最后，移除源對象上的字段。
原始代碼：
- class User{
- constructor(name,age,getName){
- this._getName = getName;
- this._age = age;
- this._name = name;
- }
- get getName(){
- return this._getName;
- }
- }
- class UserType{
- constructor(firstName){
- this._firstName = firstName;
- }
- }
重構代碼：
- class User{
- constructor(age,name){
- this._age = age;
- this._name = name;
- }
- get getName(){
- return this._name.getName;
- }
- }
- class UserType{
- constructor(firstName,getName){
- this._firstName = firstName;
- this._getName = getName;
- }
- get getName(){
- return this._getName;
- }
- }
3. 搬移語句到函數(shù)
在重構代碼時有幾條黃金準則，其中最重要的就是要“消除重復”代碼，對重復語句進行抽象到函數(shù)中，通過調(diào)用函數(shù)來實現(xiàn)復雜代碼的運行。
4. 搬移語句到調(diào)用者
作為搬磚碼農(nóng)的指責就是設計結構一致、抽象合宜的程序，而函數(shù)就是抽象的制勝法寶。當然所有的手段都并非放之四海而皆準的法則，隨著系統(tǒng)能力的演變，最初設計的抽象邊界逐漸向外擴散變得模糊，從原先單獨整體、聚焦唯一點，分化成多個不同關注點。
而函數(shù)邊界發(fā)生偏移，意味著之前多個地方調(diào)用的行為，現(xiàn)在需要會在不同點表現(xiàn)出不同的行為。這樣，我們可以把不同表現(xiàn)行為從函數(shù)中挪出，將其搬移到調(diào)用處。
- printHtml(outData,onData.html);
- function printHtml(outData,html){
- outData.write(`
title:${html.title}
`);- outData.write(`
content:${html.content}
`);- }
即：
- printHtml(outData,onData.html);
- outData.write(`
content:${onData.html.content}
`);- function printHtml(outData,html){
- outData.write(`
title:${html.title}
`);- }
5. 以函數(shù)調(diào)用取代內(nèi)聯(lián)代碼
使用函數(shù)可以將相關行為進行打包，提升代碼的表達能力，清晰的解釋代碼的用途和作用，有助于消除重復的代碼。如果某段內(nèi)聯(lián)代碼是對已有函數(shù)進行重復，那么可以使用一個函數(shù)調(diào)用來取代內(nèi)聯(lián)代碼，可以實現(xiàn)業(yè)務邏輯的抽象。
- let flag = false;
- for(const color of colors){
- if(color === "yellow") flag = true;
- }
即：
- let flag = colors.includes("yellow");
6. 移動語句
如果有幾行代碼使用了相同的數(shù)據(jù)結構，那么可以使其關聯(lián)使用，使得代碼更易理解，而不是夾在其他數(shù)據(jù)結構中間。那么在我們寫完代碼后，需要進行審讀，將關聯(lián)性強的代碼移動語句進行聚集。通常，移動語句作為其他重構代碼的先提重構手段。
- const pricingPlan = rePricingPlan();
- const order = reOrder();
- let charge;
- const chargePerUnit = ricingPlan.uint;
重構代碼：
- const pricingPlan = rePricingPlan();
- const chargePerUnit = ricingPlan.uint;
- const order = reOrder();
- let charge;
7. 拆分循環(huán)
在常規(guī)的開發(fā)中，會在一次循環(huán)中做多件事情，意圖讓其避免過高的時間復雜度。有的時候，在一次循環(huán)中代碼過多、邏輯混亂，反而不便于我們?nèi)粘＠斫狻Ｒ虼丝梢愿鶕?jù)情況合理拆分循環(huán)，使其每次循環(huán)只做一件事情，更便于閱讀使用。
- let averagePrice = 0;
- let totalCount = 0;
- for(const p in goods){
- averagePrice += p.price;
- totalCount += p.count;
- }
- averagePrice = averagePrice / totalCount;
重構代碼：
- let averagePrice = 0;
- for(const p in goods){
- averagePrice += p.price;
- }
- let totalCount = 0;
- for(const p in goods){
- totalCount += p.count;
- }
- averagePrice = averagePrice / totalCount;
是不是看起來有點傻，當你在復雜代碼中閱讀會發(fā)現(xiàn)很清晰。
8. 以管道取代循環(huán)
在過去進行數(shù)組、對象遍歷時，通常做法是使用循環(huán)進行迭代，當然也可以使用更好的語言結構———”集合管道“來處理迭代(map和filter等)。集合管道允許使用一組運算來描述集合迭代過程，其中每種運算都是一個集合。
通常做法：創(chuàng)建一個用于存放參與循環(huán)過程的集合的新變量，從c循環(huán)頂部開始，將循環(huán)內(nèi)的每塊行為依次搬移。在創(chuàng)建的集合變量中用管道運算進行替換，直到循環(huán)內(nèi)的全部行為進行搬移完畢，最后將循環(huán)進行刪除。
- const users = [];
- for(const item in arrs){
- if(item.age === 20) users.push(item.name);
- }
- //重構代碼
- const users = arrs
- .filter(item=>item.age === 20)
- .map(item=>item.name);
9. 移除死代碼
在將項目部署在生產(chǎn)環(huán)境中，可能會因為代碼量太大而造成更大的內(nèi)存開銷，無用代碼會拖累系統(tǒng)的運行速度，導致項目進程緩慢。當然，多數(shù)的現(xiàn)在編譯器會自動將無用代碼進行移除，但是在你閱讀理解代碼邏輯和原理時，會讓你花費時間去思索，耗費精力。在代碼不再使用時，應當立即刪除，當你突然又想使用時可以通過版本控制回滾。
- if(false){
- ...
- }
這是一句無用代碼，應當立刻刪除。
小結
在本文中，主要介紹了搬移字段、搬移函數(shù)等搬移手段，也有單獨對語句搬移、調(diào)整順序的，也可以調(diào)整代碼的位置，對循環(huán)進行拆分、使用管道替換等方法。
分享文章：【前端】重構，有品位的代碼05──搬移特性
本文網(wǎng)址：http://m.5511xx.com/article/cdjehpd.html
