[Typescript]함수 타입 이용 (spread, default, optional)

Typescript Function 사용

매개변수의 타입들과 return해주는 함수의 타입을 설정 할 수 있다.

   //javascript
    function jsAdd(num1,num2){
        return num1+num2;
    }
    //TypeScript
    function add(num1 :number ,num2 : number) : number {
        return num1+num2;
    }
    //javascript
    function jsFetchNum(id){
        return new Promise((resolve,reject)=>{
            resolve(100);
        })

    }
    //TypeScript
    function jsFetchNum2(id :string) :Promise<number>{
        return new Promise((resolve,reject)=>{
            resolve(100);
        }) 
    }

 

Typescript Function 사용 (Optional)

함수 뿐만 아니라 객체에서도 사용이 가능하다. 변수 옆에'?' 를 붙여 선택적으로 변수를 받을 수 있다.

  //javascript ->typeScript
    //Optional parameter ? 
    function printName(firstName : string, lastName?:string){
        console.log(firstName)
        console.log(lastName);
    }
    printName('jeong','kim'); //jeong kim
    printName('jeong'); //jeong
    printName('jeong2',undefined); //jeong undefined

Typescript Function 사용 (default)

이건 ES6 문법에도 있는데 type옆에 default parameter값을 지정할 수 있다,

    //Default parameter
    function printMessage(message: string='default messge'){
        console.log(message);
    }
    printMessage(); //default messge

Typescript Function 사용 (spread)

ES6에 있는 spread 문법사용과 같다. 매개변수를 ...으로 받아 처리한다.

    // Rest parameter
    function addNumbers(...num:number[]) : number{
        return num.reduce((a,b)=>a+b);
    }
    console.log(addNumbers(1,2)); //3
    console.log(addNumbers(1,2,3,4,5));//15
    console.log(addNumbers(1,2,3,4));//10
    console.log(addNumbers(1,2,3,4,5,6));//21