TypeScript 인터페이스의 읽기 전용 속성

읽기 전용 속성은 객체 생성 시 단 한 번만 설정되며, 이후에는 변경할 수 없습니다. 이러한 속성을 선언할 때는 키워드 readonly를 사용합니다.

이전 강의에서 생성한 인터페이스 IFigure를 가져오겠습니다. 하지만 이번에는 속성 width를 읽기 전용으로 설정해 보겠습니다:

typescriptinterface IFigure {
  height: number;
  readonly width: number;
}

이제 rectangle 객체를 생성해 보겠습니다:

typescriptlet rectangle: IFigure = {
  height: 200,
  width: 300
}

높이를 변경합니다:

typescriptrectangle.height = 150;

이제 너비를 변경해 보면, 너비가 변경 불가능하게 선언되어 있기 때문에 오류가 발생합니다:

typescriptrectangle.width = 400; // 오류