[TypeScript] 함수와 메소드에 type alias를 붙이는 방법

BE/TypeScript 2023. 6. 6.

 

type alias: 타입을 변수 처럼 미리 저장하고 사용하기

 

 

  함수에 Type alias 사용하기

 

파라미터의 타입과, 리턴값의 타입을 지정 가능하다.

⚠️ 함수에 type alias를 적용시킬 때는 함수 표현식으로 함수를 작성해야 한다.

// 함수의 type alias 지정
// a, b 파라미터는 number 타입이어야 한다. 리턴값도 number 타입이어야 한다.
type AddFunction = (a: number, b: number) => number;

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

 

 

  메소드에 type alias 사용하기

 

객체에 type을 지정해주면 된다. 타입을 위에서 선언해도 되고, 아니면 객체 타입을 지정하는 곳에서 바로 입력해도 괜찮다.

// x 파라미터는 number 타입이어야 하고, number 타입의 값을 리턴해야한다.
type NumFunction = (x: number) => number;
// 이 type alias가 적용된 함수는 아무것도 리턴하면 안된다.
type VodFunction = () => void;

type Info {
  name: string;
  age: number;
  // type alias 적용함
  plusOne: NumFunction;
  changeName: VodFunction;
}

let userInfo: Info = {
  name: 'kim',
  age: 30,
  plusOne: (x: number) => {
    return x + 1;
  },
  changeName: () => {
    console.log('안녕');
  }
};