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('가위');
반응형