ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • type을 변수에 담기 & readonly
    Typescript 2022. 6. 16. 15:24

    타입도 변수에 담아서 사용할 수 있다.

    type Animal = string | number | undefined;
    let 동물 :Animal;

    위처럼 type 변수명 이렇게 사용하며, 일반변수와 차별화하기 위해 첫글잔 대문자로 입력한다. 

    이렇게 type키워드로 변수만드는걸 type alias라고 한다.

     

    type Animal = {
    	name : string,
        	age : number
    }
    
    let 동물 :Animal = {
    	name : 'Kim',
        	age : 20
    }

    이렇게 Object도 가능하다.

     

    잠깐 object의 readonly속성을 알아보자.

    const 출생지역 = 'seoul';

    먼저 const변수는 이렇게 선언 할당하면 다시 출생지역 = 'busan';이런 재할당을 할 수 없다.

    근데,

    const 출생지역 = {
    	region : 'seoul';
    }

    이렇게 object에서 바꾸는건 가능하다. const가 등호로 재할당만 막기 때문이다.

    여기서 타입스크립트를 쓰면 object수정도 막을 수 있다.

    type Region = {
    	readonly region : string
    }
    
    const 출생지역 :Region = {
    	region : 'seoul';
    }

    이렇게 타입을 미리 설정할 때 readonly를 적어주면 된다.

     

    추가로

    type Region = {
    	region? : string
    }

    이렇게 ?를 쓰면 region은 선택사항이 된다.

    마지막으로 type변수를 합칠 수 있다.

    type Name = string;
    type Age = number;
    
    type Person = Name | Age;

    이렇게 union으로 합치던가,

    type PositionX = { x: number };
    type PositionY = { y: number };
    type NewType = PositionX & PositionY
    let 좌표 :NewType = { x : 1, y : 2 }

    이렇게 &기호를 이용해서 오브젝트를 합쳐줄 수 있다. 이걸 extend라고 한다.

     

    그리고, 위의 type 변수들은 재정의가 불가능하다.

    댓글

Designed by Tistory.