구조적 타이핑

구조적 타이핑

타입스크립트는 모든 속성이 동일하면 객체 타입의 이름이 다르더라도 동일한 타입으로 취급한다.

• 객체를 어떻게 만들었든 간에 구조가 같다면 동일한 객체로 인식한다는 것을 구조적 타이핑이라 한다.

• A 인터페이스의 구조를 모두 충족한다면 A 인터페이스라고 본다.

  • 인터페이스가 더 구체적일수록 해당 조건을 만족하기가 더 힘들다. 그래서 더 좁은 타입으로 본다.

interface A {
  name: string
}

const otherObj = {
  name: 'woong';
  age: 30 // A 구조 외에 추가적인 속성이 정의되어있어도 A 구조만 충족하면 A로 본다.
}

const obj: A = otherObj; // A 인스턴스를 모두 충족하므로 대입 가능

동일한 구조 타입을 구분하려면?

서로를 구분할 수 있는 속성을 추가하여 구조적으로 동일하지 않게 만들면 된다.

interface Money {
  _type: 'money';
  amount: number;
  unit: string;
}

interface Liter {
  _type: 'liter';
  amount: number;
  unit: string;
}

• _type속성이 다르므로 서로 대입되지 않는다.

• 객체를 구별할 수 있는 속성을 추가하여, 구조가 동일한 객체를 구분할 수 있다.

• 속성의 이름은 _type이 아닌 다른 이름을 사용해도 된다. 겹치지 않는 이름으로

• _type 과 같은 속성을 브랜드 속성이라 부른다.

  • 브랜드 속성을 사용하는것을 브랜딩이라 부른다.