TypeScript for JavaScript Programmers

장유진·2022년 6월 21일
1

TypeScript

목록 보기
2/14

https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html

타입스트립트에 대한 간략한 개요.


1. Types by Inference

TypeScript는 명시되지 않아도 변수의 type을 추론할 수 있다.

2. Defining Types

변수 뒤에 ":typename"을 붙여 type을 지정할 수 있다.

또한 interface라는 것을 사용하여 새로운 객체 type을 생성할 수 있다.

3. Composing Types

Union을 사용하여 한 type이 여러 개의 type이 되도록 선언할 수 있다.

ex) type WindowStates = "open" | "closed" | "minimized";

Generic을 사용하여 type을 변수처럼 지정하거나 정의할 수 있다. C++의 templete과 같다.

ex) type StringArray = Array

4. Structural Type system

두 변수가 내부적으로 같은 모습을 가지고 있다면 같은 type으로 간주된다.

const point = {x: 12, y: 26};

const rect = {x: 30, y: 20, width: 30, height: 80};

여기서 point와 rect는 둘다 point 타입을 사용하는 함수에 사용이 가능하다.

profile
프론트엔드 개발자

0개의 댓글