[TypeScript] 타입스크립트의 클래스

🎯 타입스크립트의 클래스

✅ 사용방법

• Javascript와 동일하며 타입이 추가됨

class Employee {
  name: string;
  age: number;
  position: string;

  // 생성자
  constructor(name: string, age: number, position: string) {
    this.name = name;
    this.age = age;
    this.position = position;
  }
  work() {
    console.log("일중");
  }
}
const employee1 = new Employee("KJY", 27, "Developer");
console.log(employee1);

• 추가로 class는 타입으로도 사용이 가능

const employee2: Employee = {
  name: "홍길동",
  age: 20,
  position: "",
  work() {},
};

✅ 사용방법2

class ExecutiveOfficer extends Employee {
  // 필드
  officeNumber: number;

  // 생성자
  constructor(
    officeNumber: number,
    name: string,
    age: number,
    position: string,
  ) {
    super(name, age, position);
    this.officeNumber = officeNumber;
  }
}

• ExecutiveOfficer는 extends Employee를 통해 부모 클래스의
  속성(name, age, position)과 메서드(work)를 모두 상속을 받음
• 따라서 동일한 필드와 메서드를 다시 작성할 필요가 없음
• 자식 클래스의 생성자에서는 super()를 반드시 먼저 호출해야 하며,
  이를 통해 부모 클래스의 생성자가 실행되고 부모의 필드가 초기화
• super() 호출 이전에는 this를 사용할 수 없음
• 이후 자식 클래스만의 추가 속성(officeNumber)을 초기화

---

출처

한 입 크기로 잘라먹는 타입스크립트
https://www.inflearn.com/course/한입-크기-타입스크립트/dashboard