📚 프론트엔드 공부 일지/TYPESCRIPT

Type annotation, Type inference

wei3on 2024. 8. 12. 13:43

 

var a: number = 10;

var → Declare

a → Variable name

: → Annotate

number → Data Type

10 → Set Value

 

type annotation

개발자가 타입을 타입스크립트에게 직접 말해주는 것

const rate:number = 5   // number 타입 지정

 

type inference

타입스크립트가 알아서 타입을 추론하는 것

const rate = 5   //**변수 선언과 동시에 초기화 할 경우** 타입을 알아서 추론한다

 

 

❗️근데 타입스크립트가 type annotation을 꼭 해줘야 하는 경우

 

  • any 타입을 리턴하는 경우
const json:string = '{"x":4, "y":7}'
const coordinates = JSON.parse(json)
console.log(coordinates) //any 타입으로 리턴

 

  • 변수 선언을 먼저 하고 나중에 초기화 하는 경우
let greeting
greeting = 'hello' //let greeting:any

 

  • 변수에 대입될 값이 일정치 못하는 경우
let num = [-7, -2, 10]
let numAboveZero: boolean | number = false

for (let i = 0; i < num.length; i ++) {
	if(num[i] > 0) {
    	numAboveZero = num[i]
    }

}

여러 타입이 지정되어야 할 때는  | (or statement)로 여러 타입을 에노테이션 해준다.