重構 - 將屬性轉換為集合-js教程-PHP中文網

重構 - 將屬性轉換為集合

Barbara Streisand

發布： 2024-10-20 11:33:02

原創

609 人瀏覽過

透過將屬性轉換為集合來支援不變性

TL;DR：使用屬性集可以簡化程式碼並使狀態管理更容易

解決的問題

可變性
複雜性
屬性被污染
設定器

代碼氣味 35 - 狀態為屬性

馬克西·孔蒂耶里・十一月 27 '20

#哎呀＃教程 #webdev #程式設計

Refactoring - Convert Attributes to Sets

代碼氣味 28 - Setters

馬克西·孔蒂耶里・十一月 19 '20

#哎呀 #codenewbie #程式設計 #webdev

代碼氣味 34 - 屬性太多

馬克西·孔蒂耶里・十一月 25 '20

#哎呀 #codenewbie #程式設計

步驟

辨識代表狀態的屬性
用集合取代屬性：每個狀態一個
調整在集合之間移動項目的方法，而不是改變屬性

範例程式碼

前

class Bill {
  amount: number;
  paid: boolean;

  constructor(amount: number) {
    this.amount = amount;
    this.paid = false;
  }

  pay() {
    if (!this.paid) {
      this.paid = true;
    }
  }
}

const bill = new Bill(100);
console.log(bill.paid); // false
bill.pay();
console.log(bill.paid); // true

登入後複製

後

// 1. Identify attributes representing states

class Accountant {  
   // 2. Replace the attributes with sets: one for each state
  unpaidBills: Set<Bill>;
  paidBills: Set<Bill>;

  constructor() {
    this.unpaidBills = new Set();
    this.paidBills = new Set();
  }

  addBill(bill: Bill) {
    this.unpaidBills.add(bill);
  }

  payBill(bill: Bill) {    
    // 3. Adjust methods to move items
    // between sets instead of mutating attributes
    if (this.unpaidBills.has(bill)) {
      this.unpaidBills.delete(bill);
      this.paidBills.add(bill);
    }
  }
}

class Bill {
  amount: number;

  constructor(amount: number) {
    this.amount = amount;
  }
}

const bill = new Bill(100);
const accountant = new Accountant();
accountant.addBill(bill);
console.log(accountant.unpaidBills.has(bill)); // true
accountant.payBill(bill);
console.log(accountant.paidBills.has(bill)); // true

登入後複製