본문 바로가기
프론트엔드/TS 공부

타입스크립트의 클래스와 접근 제어자 / 인터페이스와 클래스

by 학습하는 청년 2024. 5. 28.

최종 수정 : 2024-05-28

타입스크립트의 클래스

 

 


접근 제어자(access modifier)

객체지향을 다룰 때 상당히 중요한 개념이다.

 

public : 누구나 접근 가능하도록 설정(기본값)

protected :

private : 

 

생성자에 접근 제어자를 작성하면, 필드를 암묵적으로 생성한다. 따라서 필드에 작성된 코드가 있는 것을 중복으로 인식한다. 필드 정의를 삭제하면 된다. 또한, 초기화도 자동으로 해준다.


인터페이스와 클래스

interface CharacterInterface {
  name: string;
  moveSpeed: number;
  move(): void;
}

class Character implements CharacterInterface {
  name: string;
  moveSpeed: number;
  
  constructor(name: string, moveSpeed: number) {
    this.name = name;
    this.moveSpeed = moveSpeed;
  }
  
  move(): void {
    console.log(`${this.moveSpeed} 속도로 이동!`);
  }
}

// 생성자 함수의 매개변수에 접근 제어자를 명시하면
// 다음과 같이 코드를 줄일 수 있다.
class Character implements CharacterInterface {
  constructor(public name: string, public moveSpeed: number) {}
  
  move(): void {
    console.log(`${this.moveSpeed} 속도로 이동!`);
  }
}

댓글