본문 바로가기
Javascript

타입스크립트 - 기본타입과 함수 타입 정의

by 안자바먹지 2021. 4. 7.
728x90

기본타입

타입스크립트의 기본 타입은 크게 12가지가 있다.

 

  1. Boolean : 진위값
  2. Number : 숫자
  3. String : 문자열
  4. Object : 객체
  5. Array : 배열
  6. Tuple : 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식
  7. Enum : 특정 값들의 집합
  8. Any : 모든 타입에 대해서 허용
  9. Void : 변수에 대해서는 undefined와 null만 할당할 수 있고, 함수에는 반환 값을 설정할 수 없다.
  10. Null : null
  11. Undefined : undefined
  12. Never : 함수의 끝에 절대 도달하지 않는다는 의미 (무한 반복하는 while문)

 

// 문자열
const str1: string = 'hello'

// 숫자
const num: number = 7

// 배열
const arr: Array<number> = [1, 2, 3, 4, 5]
const arr2: Array<string> = ['a', 'b', 'c']

const items: number[] = [1, 2, 3, 4, 5]
const items2: string[] = ['a', 'b', 'c']

// 튜플
const address: [string, number] = ['seoul', 02]

// 객체
const obj: object = {}
const person: { name: string; age: number } = {
  name: 'aion man',
  age: 50,
}

// 진위값
const show: boolean = true

 

 

 

함수

타입스크립트의 함수는 크게 3가지의 타입을 정의할 수 있다.

 

  1. 함수의 파라미터에 타입 정의
  2. 함수의 반환 값에 타입 정의
  3. 함수의 구조 타입 정의

 

// 함수의 파라미터에 타입을 정의
function sum(a: number, b: number) {
  return a + b
}

sum(10, 20)

// 함수의 반환 값에 타입을 정의
function add(): number {
  return 10
}

// 함수에 타입을 정의
function sum2(a: number, b: number): number {
  return a + b
}

sum2(10, 20)

// 함수에 옵셔널 파라미터 정의
function log(a: string, b?: string) {}

log('hello')
log('hello', 'world')
728x90

댓글