📘 기본적인 함수 타입 정의
- 함수의 매개변수와 반환값의 타입을 직접 지정하는 방법
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 : 반환값의 타입 정의