[TS] Typescript 함수 오버로딩 예시 코드

타입스크립트의 함수 오버로딩 예시 코드

interface User {
    name :string;
    age : number;
}

// 함수 오버로딩을 통해 매개변수 age의 상태에 따른, return 상태를 정의해줘야 한다.
// why ? Ts가 매개변수의 상태에 따른 return 값의 상태를 자동으로 결정하지는 못한다.
function join(name : string, age :string) : string;
function join(name : string, age : number) : User;

function join(name : string, age : number | string) : User | string {
    if(typeof age === "number"){
        return {
            name,
            age
        };
    }else {
        return "나이는 숫자로 입력해주세요."
    }
}

const sam : User = join("Sam", 30);
const jane : string = join ("Jane", "30");