자바스크립트와 디자인 패턴 : 생성 - 팩토리 메서드 패턴
열공하자..
경고
"아직 부족한 저는 제가 이해한 대로 최대한 쉽게 적고 있습니다."
생성 패턴
디자인 패턴은 생성, 구조, 행위로 나뉩니다.
그 중에서 생성 패턴 을 알아보고 있습니다..
생성 패턴
이란 클래스가 인스턴스를 생성하는 과정을 디자인한 패턴 입니다.
오늘의 두 번째 패턴은 팩토리 메서드 패턴
입니다.
팩토리 메서드 패턴
자식 클래스들의 생성자들을 묶어서 생성하는 클래스와 인스턴스
(싱글톤 패턴 다음으로 팩토리 패턴을 선택한 것은 실수다.
이해하는 데 시간이 조금 걸렸다...)
이미 작성된 포스트들도 꾸준히 리뉴얼할수 있도록 하겠습니다!
팩토리 메서드 패턴은 constructor 생성가 아닌
" 생성하는 방법을 담당하는 " 클래스를 제작하는 것이다.
class Button {
constructor(content){
this.content = content,
this.action = () => console.log("The button was pressed.")
}
}
class Text {
constructor(content){
this.content = content,
this.action = () => console.log("Please enter your text")
}
}
class Component {
constructor(type,content){
if(type == "button")
return new Button(content)
if(type == "text")
return new Text(content)
}
}
const LogInButton = new Component("button","Login")
const titleText = new Component("text","myTitle")
아래의 두 줄과 같이 생성하는 과정이 깔끔해지는 것을 직관적으로 알 수 있게 작성하였습니다.
Author And Source
이 문제에 관하여(자바스크립트와 디자인 패턴 : 생성 - 팩토리 메서드 패턴), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@creat_bliv/자바스크립트와-디자인-패턴-팩토리-메서드-패턴저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)