리팩토링 - 속성을 세트로 변환-JS 튜토리얼-php.cn

리팩토링 - 속성을 세트로 변환

Barbara Streisand

풀어 주다： 2024-10-20 11:33:02

원래의

698명이 탐색했습니다.

속성을 세트로 변환하여 불변성을 선호하세요

TL;DR: 속성 세트를 사용하면 코드가 단순화되고 상태 관리가 더 쉬워집니다

해결된 문제

가변성
복잡성
속성이 오염됨
세터

코드 냄새 35 - 상태를 속성으로

맥시 콘티에리 ・ 2020년 11월 27일

#앗 #지도 시간 #웹개발 #프로그램 작성

Refactoring - Convert Attributes to Sets

코드 스멜 28 - 세터

맥시 콘티에리 ・ 2020년 11월 19일

#앗 #코드뉴비 #프로그램 작성 #웹개발

코드 냄새 34 - 속성이 너무 많습니다

맥시 콘티에리 ・ 2020년 11월 25일

#앗 #코드뉴비 #프로그램 작성

단계

상태를 나타내는 속성 식별
속성을 세트로 대체: 각 상태마다 하나씩
속성을 변경하는 대신 세트 간에 항목을 이동하는 방법을 조정하세요

샘플 코드

전에

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

로그인 후 복사