소개

화살표 함수와 익명 함수는 JavaScript나 TypeScript에서 많이 사용됩니다. 이 두 함수의 매개변수 처리 방식을 비교하여 어떻게 다른지 살펴보겠습니다.

익명 함수의 매개변수 처리

익명 함수는 function 키워드를 이용하여 정의되며, 일반적으로 매개변수는 함수 내에서 직접 참조됩니다.

let add = function (a: number, b: number) {
    return a + b;
}

let result = add(3, 5);
console.log(result); // 8

위 예제에서 add 함수는 function 키워드를 사용하여 정의되고, 매개변수 a와 b는 함수 내에서 직접 사용되었습니다.

화살표 함수의 매개변수 처리

화살표 함수는 인라인 함수를 보다 간결하게 표현하는 방법으로, 매개변수가 처리되는 방식이 익명 함수와 약간 다릅니다. 매개변수를 괄호로 묶은 뒤 => 기호 뒤에 함수 몸체를 작성합니다.

let multiply = (a: number, b: number) => {
    return a * b;
}

let result = multiply(4, 5);
console.log(result); // 20

위 예제에서 multiply 함수는 화살표 함수로 정의되었고, 매개변수 a와 b는 화살표 뒤에 몸체로 이어지는 부분에서 사용되었습니다.

결론

화살표 함수와 익명 함수는 매개변수를 다루는 방식에서 약간의 차이가 있습니다. 익명 함수는 function 키워드를 사용하고 매개변수를 직접 참조하며, 화살표 함수는 화살표 뒤에 몸체로 이어지는 부분에서 매개변수를 사용합니다. 프로젝트나 개발 환경에 따라 어떤 함수를 사용할지 결정할 수 있습니다.

이것으로 화살표 함수와 익명 함수의 매개변수 처리 방식을 비교하는 글을 마치겠습니다.

참고 자료

• MDN Web Docs
• Typescript Handbook

본 블로그는 TypeScript에서 화살표 함수와 익명 함수의 매개변수 처리 방식을 비교하는 글입니다.