타입스크립트에서 화살표 함수는 편리하게 사용할 수 있는 기능 중 하나입니다. 화살표 함수의 가장 큰 특징은 함수 표현을 간결하게 만들어준다는 것입니다. 이번 글에서는 타입스크립트 화살표 함수의 활용 예시를 살펴보겠습니다.

1. 기본 사용법

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

const greet = (name: string): string => `Hello, ${name}!`;

위 예제에서 add 함수는 두 개의 숫자를 더하는 함수이고, greet 함수는 이름을 받아 인사말을 반환하는 함수입니다. 화살표 함수를 사용하면 간결하면서도 명확한 코드를 작성할 수 있습니다.

2. 콜백 함수로 활용

const numbers = [1, 2, 3, 4, 5];

const squared = numbers.map((num: number) => num * num);

const even = numbers.filter((num: number) => num % 2 === 0);

배열의 map 함수나 filter 함수와 함께 화살표 함수를 사용하면 코드를 더욱 간결하게 만들 수 있습니다.

3. 메서드 내에서의 활용

class Calculator {
  public value: number;

  public add = (num: number) => {
    this.value += num;
  }

  public subtract = (num: number) => {
    this.value -= num;
  }
}

클래스 내에서 화살표 함수를 사용하면 메서드를 간결하게 정의할 수 있습니다. 또한, 화살표 함수를 사용하면 메서드 내에서 this 키워드가 상위 스코프를 가리키도록 할 수 있습니다.

타입스크립트에서 화살표 함수는 간결하면서도 유용한 기능을 제공합니다. 위 예시를 통해 화살표 함수의 다양한 활용 방법을 살펴볼 수 있었습니다.

참고 문헌:

• 타입스크립트 공식 문서
• MDN 웹 문서 - 화살표 함수