TypeScript

타입도 변수에 담아쓴다. type 키워드 써서 & readonly, Literal Types로 만드는 const 변수 유사품

단점이없어지고싶은개발자 2022. 5. 11. 23:00
반응형

1. type 키워드 & readonly

//type alias
type Animal = string | number | undefined;

let animal: Animal = 123;

type UserType = { name: string; age: number };

let user: UserType = { name: 'yohan', age: 30 };

//타입스크립트내에서는 readonly를 사용하면 수정이 불가하다.
type Name = { readonly name: string };

const man: Name = {
name: 'yo',
};

type Age = string;
type City = number;

//union type으로 합치기 또한 가능하다
type Person = Name | City;

// &연산자로 object 타입 합치기
type PositionX = { x: number };
type PositionY = { y: string };

type NewType = PositionX & PositionY;

let position: NewType = { x: 123, y: '123' };

//주의사항 type변수 재정의 불가능.

 

2. Literal Types로 만드는 const 변수 유사품

//1. 더 엄격한 타입지정 가능
//2. 자동완성 힌트를 줄 수 있다.
let names: 'kim';

names = 'kim';

let me: 'man' | 'hi';

me = 'hi';

function a(x: '가위' | '바위' | '보'): ('가위' | '바위' | '보')[] {
return ['보'];
}
a('가위');
반응형