TypeScript 함수

이전 글에서 TypeScript의 함수를 선언 하는 정도만 작성했었는데 이번에 제대로 알아보려한다.

 

TypeScript 함수 선언

매개변수에 타입을 지정해줘야하고 ()끝날때 리턴타입을 지정해줘야 한다.

아무것도 리턴하지 않으면 void를 입력해준다.

function add(num1:number, num2:number):number {
 return num1 + num2;
}

let add = (num1:number, num2:number):void => {
 console.log(num1 + num2);
}

 

선택적 매개변수

매개변수name을 받아 반환값에 name값이 없으면 "world"가 찍히는 함수에 매개변수를 입력하지 않으면 에러가 난다.

이때 사용 할수있는게 매개변수를 옵셔널하게 선언하여 선택적 매개변수로 만들면 된다.

선택적 매개변수는 필수 매개변수보다 앞에 올수없다.

 

나머지 매개변수

배열 타입을 선언해 준다.

 

this

this의 타입을 지정해주지 않아 에러가 난다.

this의 타입을 지정할때 매개변수를 선언시 this를 맨앞에 타입을 선언하 매개변수를 선언해야한다.

함수를 사용할때 this는 무시하고 다음 매개변수 부터 순서대로 입력한다.

 

오버로딩

동일한 함수지만 매개변수의 타입이나 갯수에 따라 다르게 동작해야할때 사용한다.

 

ven과 bob의 리턴값이 User객체이거나 string일지 확신이 없기에 에러가 난다.

이럴때 오버로딩을 이용한다.