타입스크립트에서 함수를 선언하는 방법은 다양합니다. 그 중에서도 화살표 함수와 익명 함수는 많이 사용되는데, 이들의 형태와 차이점에 대해 알아봅시다.

화살표 함수(Arrow Function)

화살표 함수는 ()=>{}와 같은 형태로, function 키워드를 사용하지 않고 간단한 방식으로 함수를 정의할 수 있습니다.

예시:

// 화살표 함수
const add = (a: number, b: number): number => a + b;

위 예시에서 add는 두 개의 매개변수를 받아들이고 그 값을 더한 후 결과를 반환합니다. 이때 =>가 화살표 함수의 표시입니다.

익명 함수(Anonymous Function)

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

예시:

// 익명 함수
const greeting = function(name: string): void {
    console.log(`Hello, ${name}!`);
};

위 예시에서 function(name: string): void는 매개변수를 가진 익명 함수를 정의한 것입니다.

화살표 함수와 익명 함수의 차이점

화살표 함수와 익명 함수의 주요 차이점은 this 바인딩 방식입니다. 화살표 함수는 this를 자신의 스코프에서 찾지 않고, 상위 스코프로 올라가 실제 this 값을 찾습니다. 반면 익명 함수는 자신의 스코프 내에서 this를 찾습니다.

이러한 차이를 이해하고 올바른 상황에 맞는 함수를 사용하는 것이 중요합니다.

화살표 함수와 익명 함수는 각각의 장단점을 가지고 있으며, 상황에 맞게 적절히 활용할 수 있어야 합니다.

이상으로 화살표 함수와 익명 함수의 형태와 차이점에 대해 살펴보았습니다.

참고 문헌: MDN Web Docs

내용에 대한 추가 질문이 있으시면 언제든지 물어보세요!