TypeScript 함수형 타입

광고 클릭은 개발자(저) 에게 큰 힘이 됩니다!!'ㅁ'

| 타입 스크립트 함수형 타입

 

타입스크립트에서 함수의 파라미터 값에는 타입을 지정해 주어야 합니다.

 

더하기 함수인 add의 x , y는 숫자이므로 타입스크립트에서 result는 number 타입으로 추론을 합니다.

function add (x: number, y: number){
    return x + y;
}

const result = add(1,2);

결과

아니면 반환되는 값을 함수에 타입을 지정할 수 있습니다.

function add (x: number, y: number): number{
    return x + y;
}

const result = add(1,2);

 

optional 처리는 값이 있을 수도 있고 없을 수도 있다. 속성 뒤에 ? 를 붙여주면 된다.

function buildUserInfo(name?: string, email?:string){
    return {name,email};
}
const user = buildUserInfo();

 

화살표 함수 를 사용하여 add2라는 더하기 함수를 만들 수 있다.

const add2 = (a: number, b:number) : number => a+b;

 

 

오버로딩 : Overloading

함수 명과 매개변수의 값은 같으며 서로 다른 타입을 가져야 합니다.

type 이 통조림일 경우 Storage인터페이스의 데이터가 반환되고 아이스크림 일 경우 ColdStorage 데이터 반환

interface Strorage{
    a : string;
}

interface ColdStrorage{
    b : string;
}

function store(type: "통조림"): Strorage
function store(type: "아이스크림"): ColdStrorage

function store(type: "통조림" | "아이스크림"){
    if(type === "통조림"){
        return { a: "통조림"}
    }else if(type === "아이스크림"){
        return { b: "아이스크림"}
    }else {
        throw new Error("error type");
    }
}

const s = store("통조림");