TS 클래스 다중 상속하기

 

TS는 기본적으로 클래스 상속을 지원한다. 클래스 상속은 다음과 같이 사용할 수 있다.

 

class A {
  numA: number;
}
 
class B extends A {
  numB: number;
}
 
const newClass = new B();
newClass.numA = 1;
newClass.numB = 2;
 

 

위의 경우에는 클래스 B에서 클래스 A를 상속받아 최종적으로 클래스B에는 numA 와 numB가 모두 들어간 것을 볼 수 있다. 하지만 TS에서는 한 개의 클래스에 대해서는 상속이 가능하나, 여러개의 클래스 상속(다중 상속) 은 안타깝게도 지원하지 않는다. 그렇다면 다중 상속을 사용할 경우에는 어떠한 식으로 접근해야 할까? 답은 mixin을 이용하는 것이다. 함수는 아래 사이트를 참고했다.

 

https://www.typescriptlang.org/docs/handbook/mixins.html

Documentation - Mixins

 

 
function applyMixins(outputClass: any, inputClasses: any[]) {
  inputClasses.forEach((inputClass) => {
    Object.getOwnPropertyNames(baseCtor.prototype).forEach((name) => {
      Object.defineProperty(
        derivedCtor.prototype,
        name,
        Object.getOwnPropertyDescriptor(baseCtor.prototype, name) ||
          Object.create(null)
      );
    });
  });
}
 

 

새로 생성할 클래스 output을 정의하고, interface output extends A,B 선언 후 위의 함수를 정의하고 첫번째 입력 변수에 output, 두번째 입력 변수에 [A,B] 를 입력하고 함수를 실행하게 되면 클래스의 다중 상속이 가능해진다. 아래 코드는 사용 예시이다.

 

class One {
  printA() {
    console.log('This class is One');
  }
 
  num1: number;
}
 
class Two {
  printB() {
    console.log('This class is Two');
  }
 
  num2: number;
}
 
class Mixed {
  num3: number;
}
 
interface Mixed extends One, Two {}
 
function applyMixins(outputClass: any, inputClasses: any[]): void {
  inputClasses.forEach((inputClass) => {
    Object.getOwnPropertyNames(inputClass.prototype).forEach((name) => {
      const descriptor = Object.getOwnPropertyDescriptor(
        inputClass.prototype,
        name,
      );
 
      descriptor &&
        Object.defineProperty(outputClass.prototype, name, descriptor);
    });
  });
}
 
applyMixins(Mixed, [One, Two]);
 
const MixedClass = new Mixed();
 
MixedClass.num1 = 1;
MixedClass.num2 = 2;
MixedClass.num3 = 3;
MixedClass.printA();
MixedClass.printB();

 

하지만 여기서 주의해야 할 점이 있다. 바로 데코레이터를 사용하지 못한다는 것이다. 만약 nestjs의 dto 관련해서 다중 상속을 사용해야 할 경우에는 사용할 수 없다는 것을 염두해 두어야 할 것이다.