[TypeScript] 함수와 method에 type alias 지정하기

1. 함수에 type alias? 

함수에는 들어갈 파라미터와 return에 타입을 지정할 수 있다. 

여기서 함수의 타입에도 type alisa로 저장해서 쓸 수 있다. 

 

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

x와 y를 더해서 return 해주는 함수를 하나 만들었다. 

 

type NumOut = (x:number, y: number) => number;

따로 NumOut이라는 type으로 빼서 사용할 수 있다.  이때, 선언할 때는 화살표 함수 방식으로만 선언이 가능하다.

 

type NumOut = (x:number, y: number) => number;

let add :NumOut = function(x,y) {
	return x + y;
}

함수를 만들 때 사용하려면,

function 함수이름 :NumOut (){} 

이런 식으로는 선언이 불가능하다. function 키워드는 파라미터와 return에 각각 타입 지정이 가능해서 불가능하다.

 

함수를 만들기 위해서는

let 함수명 = function(){} 이렇게 사용은 가능하기 때문에 함수명 : 타입 지정 방식으로 사용해야 한다. 

 

2. methods에 타입 지정?

object 자료 안에 함수를 집어넣을 수 있다. 

let 회원정보 = {
    name : "kim",
    age : 30, 
    plusOne (x:number): number{
    	return x + 1;
    },
    changeName: () => {
    	console.log("안녕");
    }
}

object 안에 일반 함수와 화살표 함수가 들어가 있다. 

이것들도 type alias를 사용해서 타입을 지정할 수 있을까?

 

type Member = {
  name : string,
  age : number,
  plusOne : ( x :number ) => number,
  changeName : () => void
}

let 회원정보:Member = {
    name : "kim",
    age : 30, 
    plusOne (x){
    	return x + 1;
    },
    changeName: () => {
    	console.log("안녕");
    }
}

plusOne과 changeName 에만 주는 것은 불가능하고, object에게 type을 주어서 처리할 수 있다.