3장 타입스크립트 변수와 함수의 타입 정의

📚 변수와 함수 타입 정의

var name: string = 'captin'

변수: 타입 = 값 형식

 

세미콜론(:)을 타입 표기라고 한다.

함수에서도 사용한다.

 

📌 배열 타입: Array

Array<배열의 데이터 타입>
배열의 데이터 타입[]

// 문자열 배열
var compaines: Array<string> = ['네이버', '삼성', '인프런']
var compaines: string[] = ['네이버', '삼성', '인프런']
// 숫자 배열
var cards: Array<number> = [1, 2, 3, 4]
var cards: number[] = [1, 2, 3, 4]

 

📌 튜플 타입: tuple

var items: [string, number] = ['hi', 11]

 

정해진 순서와 타입이 일치해야한다

 

any

아무 데이터나 취급하겠다는 의미.

자바스크립트처럼 유연함을 취하려고 할 때 사용하는 타입.

 

 

함수에 타입 정의하는 방법

📌 파라미터와 반환값

파리미터와 반환값에 타입을 정의해준다.

function sayWord(word: string): string {
  return word;
}

 

타입스크립트 함수 인자 특징

자바스크립트에선 파라미터와 인자 개수가 일치하지 않아도 에러가 나지 않음.

타입스크립트에선 에러가 발생한다.

📌 옵셔널 파라미터

타입스크립트에선 파라미터 개수만큼 인자를 넘기고 싶지 않을 땐 옵셔널 파라미터 ? 를 지원한다.

함수의 파리미터를 선택적으로 사용하고 싶을 때 사용한다.

function sayMyName(firstName: string, lastName?: string): string {
  return 'my name: ' + firstName + '' + lastName
}
sayMyName('nayoung')