TypeScript Type Annotation (변수 타입 선언)

TypeScript의 가장 큰 특징은 js에서 변수 타입을 지정 해줄 수 있다는 점이다.

원래(js)는 컴파일시에 자동적으로 타입을 지정 해준다.

 

아래와 같이 특정 변수명 뒤에 :를 붙이고 타입명을 지정해주면 된다.

그렇게 되면 해당 타입의 값들만 변수에 할당 할 수 있다.

추가적으로 null, undefined, any는 예외이다.

 

null, undefined는 다른 타입보다 아래에 있어서 할당이 되고

any는 모든 타입보다 상위 타입으로써 다 포함 할 수 있다.

 

// type annotation

let numValue: number;
let stringValue: string;
let booleanValue: boolean;
let undefinedValue: undefined;
let nullValue: null;
let objValue: object;
let symbolValue: symbol;
let anyValue: any;

// error

numValue = "1";
stringValue = 123;

// test 2 (string)

stringValue = `test ${1 + 1}`;

booleanValue = true;

// undefined와 null은 어떤 타입에도 넣을 수 있다. (하위 타입)

numValue = undefined;

// any타입에는 어떤 타입도 넣을 수 있다. (상위 타입)

anyValue = 123;
anyValue = "123";

// object

objValue = { name: "sample" };
objValue = { };
objValue = new String("hello");

// symbol

symbolValue = Symbol();