readonly 타입 설정, 불변성을 갖도록 만들기

 

어떤 값에 대해 불변성을 갖도록 만들어주고 싶다면, readonly 타입으로 보호장치를 설정해 줄 수 있다.

 

타입스크립트에서 readonly 키워드는 변수, 객체, 배열 등에 사용되며 해당 요소를 읽기 전용으로 만든다.

값을 할당한 후에는 값을 변경할 수 없게 된다. (어디까지나 에디터 에러일 뿐 실제 자바스크립트 파일은 변경)

 

type Player = { //대문자로 만들기
  readonly name: string, //읽기 전용으로 설정
}

const nemo: Player = {
  name: "nemo",
};

nemo.name = "다른이름" //오류, 읽기전용이라 변경 불가


const numbers: readonly numbers[] = [1,2,3]
numbers.push(1) //오류

let arr: ReadonlyArray<number> = [1,2,3];
arr.splice(0,1); // error

//filter, map은 가능. 불변성을 해치지 않고 새 배열 반환