logo

JEONGGON

    블로그
github
mode
목 차
down-arrow

TypeScript 호출 시그니쳐

2024.02.18.

post-thumbnail

호출 시그니쳐

1. 호출 시그니쳐(Call Signatures)

const add = (a: number, b: number): number => a + b;
  • 기존 함수에 위의 코드와 같이 타입을 지정하였음

  • 호출 시그니쳐는 함수를 어떻게 호출해야하는 것인지 알려줌
  • 함수의 타입, parameter의 타입, 리턴 값의 타입 등을 알려줌
const add: (a: number, b: number) => number

1-1. 호출 시그니쳐 생성

  • type 키워드 사용
  • 시그니쳐 이름을 짓고, parameter의 타입, 리턴 값의 타입 명시
// 호출 시그니쳐 예시

type Add = (a: number, b: number) => number;

// ----------------------------------------

// 동일한 코드

type Add = {
  (a: number, b: number): number
};

1-2. 호출 시그니쳐 사용

  • 앞서 선언한 호출 시그니쳐를 함수의 타입에 적용
  • 이를 통해 타입 구조를 먼저 정의하고, 코드를 작성하도록 분리하여 관리 유도
const add: Add = (a, b) => a + b;
typescriptprogrammingcall_signature
profile

조정곤

주니어 프론트엔드 개발자

github
linkedin
instagram
email

< 이전글

TypeScript 제네릭

다음글 >

Next.js Data Fetching

Typescript 포스트 (15)

down-arrow