타입스크립트에서는 화살표 함수와 익명 함수를 사용하여 코드를 작성할 수 있습니다. 그러나 때로는 이 두 가지 유형의 함수를 사용하면서 코드 중복이 발생할 수 있습니다. 이런 경우에는 어떻게 코드 중복을 방지할 수 있을까요? 이에 대해 알아보겠습니다.

화살표 함수란?

화살표 함수는 ES6에서 도입된 함수 표현식의 한 형태로, => 기호를 사용하여 간결하게 함수를 표현할 수 있습니다. 이를 통해 함수를 간단하게 정의하고 사용할 수 있습니다.

const add = (a: number, b: number) => a + b;

익명 함수란?

익명 함수는 이름이 없는 함수로, 주로 콜백 함수 등에서 사용됩니다.

setTimeout(() => {
  console.log('타임아웃!');
}, 1000);

코드 중복 방지를 위한 방법

화살표 함수와 익명 함수를 사용할 때, 비슷한 기능을 수행하는 함수를 반복해서 작성해야 하는 경우가 있습니다. 이런 경우에는 함수를 재사용할 수 있는 방법이 필요합니다.

1. 공통 함수 작성

비슷한 기능을 수행하는 화살표 함수나 익명 함수가 있다면, 해당 기능을 하는 함수를 공통으로 작성하여 중복을 방지할 수 있습니다.

const displayMessage = (message: string) => {
  console.log(message);
};

setTimeout(() => {
  displayMessage('타임아웃!');
}, 1000);

2. 타입 별칭 활용

타입스크립트에서 타입 별칭을 사용하여 반복되는 타입을 한 곳에 정의할 수 있습니다.

type Coordinate = [number, number];

const getDistance = (point1: Coordinate, point2: Coordinate) => {
  const [x1, y1] = point1;
  const [x2, y2] = point2;
  return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
};

결론

화살표 함수와 익명 함수는 간결하고 유용한 기능을 제공하지만, 코드 중복이 발생할 수 있습니다. 이를 방지하기 위해 공통 함수를 작성하거나 타입 별칭을 활용하여 중복을 최소화할 수 있습니다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있습니다.

참조: 타입스크립트 공식 문서