깜놀하는 해므찌로

typescript 복수 타입 인자, 복수 리턴 타입, 함수 오버로드, typescript function overload 본문

IT

typescript 복수 타입 인자, 복수 리턴 타입, 함수 오버로드, typescript function overload

agnusdei1207 2023. 5. 21. 12:18
반응형
SMALL
interface User{
    name : string;
    age : number;
}

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 { // return 중괄호 사용
            name, age
        }
    }else{
        return "숫자로 나이를 기입해주세요.";
    }
}

const sam : User = join("이름", 30); // 인수 및 리턴 타입 확인
const jane : string = join("이름", "20");

 

반응형
LIST