타입스크립트 - 함수의 타입

Kaydenna92·2022년 11월 28일
0

typescript

목록 보기
2/4

1. 타입스크립트는 함수의 입력 및 출력의 type을 지정할 수 있다.

1-1. 매개변수 타입 표기

  • 각 매개변수의 뒤에 type을 표기할 수 있다.
  • 각 매개변수에 타입이 표기되어 있다면, 해당 함수에 대한 인자는 검사가 이루어진다.
  • 매개변수에 타입을 표기하지 않았더라도, 여전히 타입스크립트는 올바른 개수의 인자가 전달되었는지 검사한다.
declare function greet(name: string): void;

greet(42) 
// Argument of type 'number' is not assignable to parameter of type 'string'

1-2. 반환 타입 표기

  • 반환 타입은 매개변수 목록 뒤에 표기.
  • 반환 타입은 표기하지 않아도 되는 것이 일반적이다.
  • 타입스크립트가 해당 함수에 들어있는 return 문을 바탕으로 타입을 추론하기 때문.
function getFavoriteNumber(): number {
  return 26;
}

function getFavoriteNumber() {
  return 26;
}

1-3. 익명 함수

  • 함수가 코드 상에서 위치한 곳을 보고 해당 함수가 어떻게 호출되는지 알아낼 수 있는 경우에,
  • 타입스크립트는 해당 함수의 매개변수에 자동으로 타입을 부여한다.
const names = ["Alice", "Bob", "Eve"];

names.forEach(function (s) {
  // 매개변수 s에 타입 지정 x
  // 문맥적으로 타입을 추론한다.(배열의 추론된 타입 + forEach함수의 타입을 활용)
  console.log(s.toUpperCase());
});
names.forEach((s) => {
  console.log(s.toUpperCase());
});
profile
persistently

0개의 댓글