readonly 속성 및 매개변수 속성

시작하기

클래스 속성에 readonly 사용하기

class Invoice {
  readonly invoiceId: string;
  constructor(id: string) { this.invoiceId = id; }
}
const inv = new Invoice('INV-001');
// inv.invoiceId = 'INV-002'; // Error!

인터페이스에서 readonly 사용하기

interface Point { readonly x: number; readonly y: number; }
const p: Point = { x: 5, y: 10 };
// p.x = 0; // Error

매개변수 속성

class Product {
  constructor(
    public name: string,
    public price: number,
    private sku: string
  ) {} // no need to write this.name = name; etc.
}

readonly 매개변수 속성

class Config {
  constructor(
    public readonly host: string,
    public readonly port: number = 3000
  ) {}
}

선언 시 초기화

class AppVersion {
  readonly version: string = '1.0.0';
  readonly buildDate: Date = new Date();
}

readonly와 상수 비교

const API_KEY = 'secret'; // block variable
class Service {
  readonly key: string = API_KEY; // class property
}

읽기 전용 객체 타입

interface User { name: string; age: number; }
const frozen: Readonly<User> = { name: 'Alice', age: 30 };
// frozen.name = 'Bob'; // Error

readonly는 깊은 동결을 수행하지 않음

class Team {
  readonly members: string[] = [];
}
const t = new Team();
t.members.push('Alice'); // Allowed — the array itself is mutable!
// t.members = []; // Error — can't reassign the property

매개변수 속성으로 반복 코드를 줄이기

// Without parameter properties (verbose)
class A {
  private x: number;
  constructor(x: number) { this.x = x; }
}
// With parameter properties (concise)
class B {
  constructor(private x: number) {}
}

매개변수 속성을 피해야 할 때

빠른 확인

복습