mixin 패턴

생성일
Jan 7, 2022 07:29 AM
태그
디자인 패턴
상속 없이 객체 또는 클래스에 기능 추가하는 방법
 
class Dog {
	constructor(name) {
		this.name = name;
	}
}

const dogFunctionality = {
	bark: () => console.log("Woof")
}

Object.assign(Dog.prototype, dogFunctionality);

const pet1 = new Dog("Daisy");
pet1.bark(); // Woof
 
리액트 팀은 믹스인 사용을 권장하지 않는다. → 복잡성을 추가하여 유지관리 및 재사용을 어렵게 함
고차 컴포넌트 사용을 추천

Loading Comments...