타입스크립트의 함수 타입#5 : 명명된 매개변수의 타입 지정 & 함수 인터페이스의 기본 활용 : Typescript Named parameter Type & Interface

horiz.d·2021년 12월 29일
0

함수의 명명된 매개변수 타입지정

rule

function funcName( { paraName1, paraName2=value, paraName3, } : { paraName1 : type, paraName2? : type, paraName3? : type, }): returnType { ...expression }

Code EX

function getInfoUser ( { name,
                        age = 15,
                        language, } : {
                          name: string;
                          age?: number;
                          language?: string; } ) : string { const nameText = name.substr(0,10);
                                                          const ageText = age >= 35? 'senior' : 'junior';
                                                          return `name: ${nameText}, age: ${ageText} language: ${language}`;}

인터페이스를 이용한 함수 매개변수 타입지정

인터페이스를 사용하여 함수의 명명된 매개변수 타입을 재사용 가능하도록 만들 수 있다.

rule

Interface Param { param1: type; param2?: type; param3?: type; }

function funcName( { param1, param2=value, param3, }: Param): returnType { ...exprssion}

Code EX

Interface userParam { name: string; age?: number; language?: string; }

function getInfoUser( {name, age=15, language,}: userParam }: string {
                      const nameText= name.substr(0,10);
                      const ageText = age >= 35 ? 'senior','junior';
                      return `name : ${nameText}, age : ${ageText}, language: ${language}`}
profile
가용한 시간은 한정적이고, 배울건 넘쳐난다.

0개의 댓글