[리팩터링 2판] 11.8 생성자를 팩터리 함수로 바꾸기

참고 : 팩토리 함수란?

https://ui.toast.com/posts/ko_20160905

자바스크립트에서 팩토리 함수란 무엇인가?

https://tpgns.github.io/2018/04/08/javaScript-factory-function-with-es6/

ES6+와 팩토리 함수 - mido

https://fromnowwon.tistory.com/entry/class

[Javascript] 공장(팩토리) 함수 / 생성자 함수 / 클래스(class)

0. 언제 쓰면 좋을까?

인스턴스를 만드는 로직 자체를 캡슐화하고, 외부에서는 조금 더 쉽고, 간결하게 사용하고 싶다면 활용해볼 것

1. 절차

(1) 팩터리 함수를 만든다. 팩터리 함수의 본문에서는 원래의 생성자를 호출한다.

(2) 생성자를 호출하던 코드를 팩터리 함수 호출로 바꾼다.

 

2. 예제 코드

//생성자를 팩터리 함수로 바꾸기
class Employee {
	constructor(name, typeCode) {
		this._name = name;
		this._typeCode = typeCode;
	}
	get name() {
		return this._name;
	}
	get type() {
		return Employee.legalTypeCodes[this._typeCode];
	}

	static get legalTypeCodes() {
		return { E: 'Engineer', M: 'Manager', S: 'Salesman' };
	}

	static createEngineer(name) {
		return new Employee(name, 'E');
	}

	static createManager(name) {
		return new Employee(name, 'M');
	}

	static createSalesman(name) {
		return new Employee(name, 'S');
	}
}

 

3. 인상깊었던 스타일

(1) 클래스 인스턴스의 타입코드가 키가 되어

스태틱 메서드로 키값에 대응하는 값인 타입코드명을 반환하는 스타일

	get type() {
		return Employee.legalTypeCodes[this._typeCode];
	}

	static get legalTypeCodes() {
		return { E: 'Engineer', M: 'Manager', S: 'Salesman' };
	}

(2) 팩터리 함수는 보면 볼수록 재밌다.

	static createEngineer(name) {
		return new Employee(name, 'E');
	}

	static createManager(name) {
		return new Employee(name, 'M');
	}

	static createSalesman(name) {
		return new Employee(name, 'S');
	}

4. 실행부와 콘솔창

//사용부
const employee = Employee.createEngineer('레인보우코더');
console.log(employee);
console.log(employee.name);
console.log(employee.type);

콘솔창