Typescript: Readonly properties

[devSoyoung]

ref: http://www.typescriptlang.org/docs/handbook/interfaces.html#readonly-properties

• const 키워드로 생성된 변수처럼 처음 생성될 때 값이 지정되면, 이후 변경되지 말아야 하는 property를 위해 사용할 수 있음

interface Point {
  readonly x: number;
  readonly y: number;
}

let p1: Point = { x: 10, y: 20 };
p1.x = 5;    // ERROR

📌 ReadonlyArray<T>

• Array<T>와 동일하지만, 변화(mutation)를 주는 메소드(ex: push())가 제거된 타입

let a: number[] = [1, 2, 3, 4];
let ro: ReadonlyArray<number> = a;

// 아래 네 가지 경우는 모두 ERROR 발생
ro[0] = 12; 
ro.push(5); 
ro.length = 100;
a = ro;

📌 readonly vs const

• 변수에 사용할 때 : const
• 객체 속성(property)에 사용할 때 : readonly