[typescript] 화살표 함수와 익명 함수의 리터럴 표시 방식 비교

14 Dec 2023

JavaScript와 TypeScript에서 함수를 정의하는 방법은 여러 가지가 있습니다. 그 중에서도 화살표 함수와 익명 함수는 많은 프로그래머들이 흔히 사용하는 방식입니다. 이 두 가지 방식의 차이점을 살펴보고자 합니다.

화살표 함수는 간단하게 한 줄로 함수를 작성할 수 있는 장점이 있습니다. 그리고 함수 내부에서 this를 바인딩하지 않기 때문에, 일반 함수와 비교해 더욱 예측 가능하고 편리하게 사용할 수 있는 장점이 있습니다.

아래는 화살표 함수의 간단한 예제입니다.

const add = (a: number, b: number) => a + b;
console.log(add(5, 3)); // 출력: 8

익명 함수는 이름이 없는 함수로, 주로 콜백 함수로 활용됩니다. 함수식을 변수에 할당하여 사용할 수 있어, 동일한 함수를 여러 번 활용할 때 유용합니다.

아래는 익명 함수의 예제입니다.

const multiply = function(a: number, b: number) {
  return a * b;
};
console.log(multiply(4, 6)); // 출력: 24

두 방식은 각각의 특징과 용도에 맞게 사용됩니다. 화살표 함수는 간결하고 강력한 기능을 제공하며, 익명 함수는 콜백 함수나 재사용이 필요한 상황에서 유용하게 활용됩니다.

환경과 요구사항에 맞게 적절한 방식을 선택하여 사용하는 것이 중요합니다.

이렇게 간단하게 화살표 함수와 익명 함수의 리터럴 표시 방식을 비교해 보았습니다. 각 기능의 특성을 잘 숙지하고 적재적소에 활용하는 데에 유의하여 개발하시기를 권장드립니다.