타입스크립트 함수의 오버로딩: Function Overloading

📚 함수의 오버로딩(Function Overloading)

함수의 이름이 같지만 매개변수의 개수나 타입이 다른 여러 버전의 함수를 정의하는 것을 함수 오버로딩이라고 한다.

function 키워드로만 함수 오버로딩을 할 수 있으며 arrow function으로는 오버로딩을 할 수 없다

 

사용예제

💩 타입만 다른 함수를 여러번 사용한 경우

function add1(a: string, b: string) {
    return a + b;
}
function add2(a: number, b: number) {
    return a + b;
}

add1('Hello', 'World'); // Hello World
add2(1, 2); // 3
add1('Hello', 2);
add2('Hello', 2);

 

✨ 함수의 오버로딩을 이용한 경우

function add(a: string, b: string): string // string 타입 선언하는 함수
function add(a: number, b: number): number // number 타입 선언하는 함수
function add(a: any, b: any) { // 실제 구현하는 함수
    return a + b;
}
add('Hello', 'World'); // Hello World
add(1, 2); // 3
add('Hello', 2);
add('Hello', 2)

 

Reference

https://lakelouise.tistory.com/194