일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- Babel과 Webpack
- const
- DOM
- 자바스크립트 딥다이브
- 블로그 서비스 최적화
- 자바스크립트 패턴
- peerdependencies
- 인터넷 장비
- 전역변수의문제점
- 제너레이터와 async/await
- 스코프
- 이벤트
- 딥다이브
- 비전공이지만 개발자로 먹고삽니다
- 올림픽 통계 서비스 최적화
- 이미지 갤러리 최적화
- 프로그래머스
- 커리어
- 디스트럭처링
- 프로퍼티 어트리뷰트
- 프론트엔드 성능 최적화 가이드
- 자바스크립트
- 브라우저의 렌더링 과정
- package management
- 모던 자바스크립트 Deep Dive
- Set과 Map
- var 사용금지
- Property Attribute
- 빌트인 객체
- ES6함수 추가기능
- Today
- Total
Dev Blog
Command Pattern 본문
특정 작업을 실행하는 객체와
메서드(아래의 placeOrder 등)를 호출하는 객체를 분리할 수 있습니다.
class OrderManager() {
constructor() {
this.orders = []
}
placeOrder(order, id) {
this.orders.push(id)
return `You have successfully ordered ${order} (${id})`;
}
trackOrder(id) {
return `Your order ${id} will arrive in 20 minutes.`
}
cancelOrder(id) {
this.orders = this.orders.filter(order => order.id !== id)
return `You have canceled your order ${id}`
}
}
const manager = new OrderManager();
manager.placeOrder("Pad Thai", "1234");
manager.trackOrder("1234");
manager.cancelOrder("1234");
문제는 내부 메소드의 이름이 바뀐다면 코드베이스에서 모든 메소드 이름을 바꾸어 주어야 합니다.
이를 해결하기 위해, OrderManager 객체에서 메서드를 분리하고 각 명령에 대해 별도의 명령 함수를 만들도록 합니다.
OrderManager 클래스 내부엔 아래와 같이 들어오는 명령어를 그대로 실행하는 execute 함수를 갖습니다.
class OrderManager {
constructor() {
this.orders = [];
}
execute(command, ...args) {
return command.execute(this.orders, ...args);
}
}
class Command {
constructor(execute) {
this.execute = execute;
}
}
function PlaceOrderCommand(order, id) {
return new Command(orders => {
orders.push(id);
console.log(`You have successfully ordered ${order} (${id})`);
});
}
function CancelOrderCommand(id) {
return new Command(orders => {
orders = orders.filter(order => order.id !== id);
console.log(`You have canceled your order ${id}`);
});
}
function TrackOrderCommand(id) {
return new Command(() =>
console.log(`Your order ${id} will arrive in 20 minutes.`)
);
}
const manager = new OrderManager();
manager.execute(new PlaceOrderCommand("Pad Thai", "1234"));
manager.execute(new TrackOrderCommand("1234"));
manager.execute(new CancelOrderCommand("1234"));
이를 통해 OrderManager 와 함수를 분리시켜, 외부에서 만든 함수를 실행시킬 수 있습니다.
Pros
The command pattern allows us to decouple methods from the object that executes the operation. It gives you more control if you’re dealing with commands that have a certain lifespan, or commands that should be queued and executed at specific times.
명령 패턴을 사용하면 작업을 실행하는 객체에서 메서드를 분리할 수 있습니다.
특정 수명이 있는 명령이나 특정 시간에 대기하고 실행해야 하는 명령을 처리하는 경우 더 많은 제어가 가능합니다.
Cons
The use cases for the command pattern are quite limited, and often adds unnecessary boilerplate to an application.
명령 패턴의 사용 사례는 매우 제한적이며 종종 애플리케이션에 불필요한 보일러플레이트를 추가합니다.