카테고리 없음

[typescript] 타입 설정하기

heeey 2022. 9. 20. 16:29

 

타입종류


  • string
  • number
  • boolean
  • any
  • unknown
  • null
  • undefind
  • void
  • never

 

타입 설정 방법


변수값

변수명 뒤에 콜론(:) 을 쓰고 타입을 입력한다.

타입을 여러개를 쓰고 싶은 경우 타입 사이에 or기호(|)를 입력한다. 이것을 union type이라고 한다.

 

let name: string = 'lee'
let age: number = 10

let member: string | number = 11101

 

 

배열

변수명 뒤에는 동일하게 콜론(:)을 쓰고 타입[]을 입력한다.

 

let array: number[] = [1,2,3]

let array2: number | string[] = ['1',2,3]

 

 

오브젝트

변수명 뒤에 콜론과 오브젝트 키값의 타입을 지정해주면 되는데, 오브젝트를 작성할 때 처럼 {}안에 키: 타입을 지정해주면 된다.

여기서 키는 선언해줄 오브젝트의 키와 동일해야 한다.

 

let obj: {name: string, age: number} = {
  name: 'kim',
  age: 20,
}

let obj2: {member: string | number} = {
  member: 1101
}

 

 

 

함수

함수는 매개변수와 리턴값의 타입을 지정해줄 수 있는데, 매개변수의 타입은 매개변수가 작성될 ()안에 작성해주면 되고, 리턴값의 타입은 매개변수가 작성된 () 오른쪽에 작성해주면 된다.

 

//매개변수
function fn1(a: number){
  return a + 1
}

fn1(2)


//리턴 값
function fn2(b): number{
  return b + 2
}

fn2(4)