함수의 타입 정의

H802·2024년 10월 31일

📘 기본적인 함수 타입 정의

  • 함수의 매개변수와 반환값의 타입을 직접 지정하는 방법
function greet(name: string): string {
    return `Hello, ${name}!`;
}

const message: string = greet("Alice"); // "Hello, Alice!"
  • (name: string) : 매개변수의 타입
  • : string : 반환값의 타입

📘 인터페이스를 사용한 함수 타입 정의

  • 여러 개의 함수를 동일한 타입으로 묶을 때 유용
interface Greet { // ❗❗ 함수 인터페이스
    (name: string): string; // 앞은 매개변수타입, 뒤 반환값의 타입
}

const greet: Greet = (name) => {
    return `Hello, ${name}!`;
};

const message = greet("Charlie"); // "Hello, Charlie!"
  • const greet: Greet = (name) =>
    : greet이라는 변수를 선언하여, Greet라는 인터페이스를 타입으로 가짐, (name)이라는 문자열을 매개변수로 받아, 문자열를 반환함

📘 타입 별칭을 사용한 함수 타입 정의

type GreetFunction = (name: string) => string;

const greet: GreetFunction = (name) => {
    return `Hello, ${name}!`;
};

const message = greet("Bob"); // "Hello, Bob!"
  • type 키워드를 사용하여 함수 타입을 별칭으로 정의
  • GreetFunction 이라는 이름의 타입 별칭을 정의
  • (name: string) : 매개변수의 타입 정의
  • => string : 반환값의 타입 정의
profile
배운 내용 정리하기 위해 쓰는 블로그

0개의 댓글