타입스크립트 변수 선언문

omnigi·2022년 2월 4일

Typescript Do it

목록 보기

1/23

let: 코드에서 그 값이 수시로 변경될 수 있음을 암시합니다.

let 변수이름 = //초기값

const: 코드에서 변숫값이 저대 변하지 않는다는 것을 암시

const 변수이름 = 초기값

타입스크립트는 자바스크립트 변수 선언문을 확장해 다음과 같은 형태로 타입을 명시할 수 있습니다. 이를 타입주석(type annotation)이라고 합니다

let 변수이름 : 타입 = 초기값
const 변수이름 : 타입 = 초기값

타입주석을 붙여 변수를 선언한 예시

let n: number = 1 //"a"가 될 수없음
let b: boolean = true
let s: string = "doyoon"
let o: object = {}

선언된 변숫값은 타입주석으로 명시한 타입에 해당하는 값으로만 바꿀 수 있습니다 그렇지 않으면 오류가 발생합니다.

타입스크립트는 자바스크립트와 호환성을 위해 타입 주석 부분을 생략할 수 있습니다. 타입스크립트 컴파일러는 다음과 같은 코드를 만나면 대입연산자 = 오른쪽 값에 따라 변수의 타입을 지정합니다. 이를 타입추론(type inference)라고 합니다.

let n = 1 // n의 타입을 number로 판단
let b = true // b의 타입을 boolean으로 판단
let s = "hello" // s의 타입을 string으로 판단
let o = {} // o의 타입을 object로 판단

초기값에 따라 타입을 추론하므로 이후에 각 변수에는 초기값과 같은 타입의 값만 저장 할 수 있습니다.

타입이 any면 타입과 무관하게 어떤 종류의 값도 저장할 수 있습니다.

let a :any = 0
a = "hello"
a = true
a = {}

자바스크립트에서는 undefined는 값이지만 타입스크립트에서는 값이기도 하고 타입이기도 합니다.

let u : undefined = undefined
u = 1 // Type '1' is not assignable to type
"undefined" 오류발생

변수에 담긴 값을 조합해 문자열을 만들 수 있게 하는 템플릿 문자열(template string)을 제공 `로 문자열을 감싸고 변수를 ${} 기호로 감싸는 형태

`${변수이름}`