[Typescript] 타입스크립트 변수 선언

타입스크립트는 자바스크립트와 호환성을 위해 자바스크립트 타입은 물론 그에 대응하는 타입스크립트 타입 또한 제공합니다.

유형	JS타입	TS타입
수 타입	Number	number
불린 타입	Boolean	boolean
문자열 타입	String	string
객체 타입	Object	object

 

let과 const키워드

ES5는 var라는 키워드를 사용해 변수를 선언했습니다. 하지만 var는 다른 프로그래밍 언어와는 다르게 작동합니다. 그래서 ESNext부터는 let과 const 키워드를 도입했습니다. ESNext는 var 키워드를 사용하지 말라고 권고합니다.

 

ESNext에서 let으로 변수 선언 방법(let으로 선언된 변수의 코드값은 수시로 변경될 수 있습니다.)

let a
let b = 10

 

ESNext에서 const로 변수 선언 방법(선언과 동시에 초깃값 반드시 명시해야 하고 그 값은 절대 변할 수 없습니다.)

const n = 100

 

타입 주석

let a: number = 10
let b: string

const c: boolean = true

let o:object = {}

 

타입스크립트는 변수의 타입을 명시했기 때문에 그 타입에 맞는 값으로만 변경할 수 있습니다. 그렇지 않으면 오류가 발생합니다.

 

타입 추론

JS와 호환성을 위해 타입 주석부분을 생략할 수 있습니다. 대입연산자 = 의 오른쪽 값에 따라 변수의 타입을 지정하는데 이것을 타입추론이라고 합니다. 명시를 하지 않았다고 다른 타입의 값을 넣을 수는 없습니다. 초깃값의 해당하는 타입으로 지정되기 때문에 이후에도 그 타입에 해당하는 값으로만 변경할 수 있습니다.

 

Any타입

타입을 any로 지정하면 초깃값의 타입과 상관없이 어떤 타입의 값으로도 변경할 수 있습니다. (tsconfig.json에서 noImplitAny 옵션을 설정해서 any를 사용했을 때 오류가 발생하게 할 수 있습니다.)

 

undefined 타입

타입을 undefined로 줄 수도 있습니다. undefined는 타입계층에서 최하위 타입입니다. 그래서 number, string, boolean, object 등 다른 타입의 값을 지정하면 오류가 발생합니다.

 

템플릿 문자열

변수에 담긴 값을 조합해 문자열을 만들 수 있게 하는 것이 템플릿 문자열입니다.

let studentName = 'Jun', age = 24
let result = `${studentName}은 ${age}살 입니다.`
console.log(result)