Typescript 함수 methods에 type alias 사용법

 

1. methods 안에 타입지정하기

1. Meber 타입 지정하기

- name: 문자열(string) 타입
- age: 숫자(number) 타입
- plusOne: 함수 타입으로, 입력값으로 숫자를 받아들이고 숫자를 반환합니다.
- changeName: 함수 타입으로, 인자를 받지 않고 반환값이 없습니다.

 

2. 함수 설정 방법

- function changeName() { console.log('안녕'); }: 일반적인 함수 선언입니다.
- changeName: function() { console.log('안녕') }: 객체 리터럴 내에서의 메서드 선언입니다.
- changeName: () => { console.log('안녕') }: 화살표 함수를 이용한 객체 내 메서드 선언입니다.

  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(1);
  회원정보.changeName();

 

 

2. 콜백 함수를 이용하는 방법

1. 콜백 함수란?

- 함수에 함수넣어서 실행시키는 방법입니다.

function 함수1(a){
  a()
}
function 함수2(){
  //실행하는 함수
}

함수1(함수2)

 

2. 콜백 함수를 이용한 방법

type CutType = (x: string) => string

  let cutZero: CutType = function (x) {
    let result = x.replace(/^0+/, "");
    return result
  }
  function removeDash(x: string): number {
    let result = x.replace(/-/g, "");
    return parseFloat(result)
  }

  type 함수타입1 = (a: string) => string;
  type 함수타입2 = (a: string) => number;


  function 만들함수(a: string, func1: 함수타입1, func2: 함수타입2) {
    let result = func1(a);
    let result2 = func2(result);
    console.log(result2)
  }
  만들함수('010-1111-2222', cutZero, removeDash)