TypeScript의 Callback 함수

함수의 인수로 함수가 넘겨지는 경우가 많다. 이때 함수의 인수로 넘겨지는 함수를 콜백함수라고 부르는데, 이 콜백함수는 함수를 고도로 추상화할 때 매우 중요한 역할을 한다.

타입스크립트에서는 함수를 인자로 받는 메서드를 많이 가지고 있는 배열 메서드에서 콜백함수를 주로 이용한다. 대표적인 예로 콜백함수를 배열 안에 있는 각각의 인자에 적용하여 새로운 배열을 반환하는 map이 있다.

[예시]

type User = {
  name: string;
  age: number;
}

const users: User[] = [
  {name: 'minji', age: 39}, 
  {name: 'hayeon', age: 34}
];

const getName = (userInfo: User): string => userInfo.name;

const userName = users.map(getName);
console.log(userName); // ['minji', 'hayeon']

• 함수의 가독성을 위해 getName 같은 변수에 저장하지 않고 바로 사용하는 방법을 권고한다.