자바스크립트에서 화살표 함수(arrow function)는 ES6(ES2015)에서 도입된 새로운 함수 문법입니다. 이 문법은 함수를 더 간결하게 표현할 수 있고, 함수 내부에서의 this 바인딩을 변경합니다.

기본 문법

화살표 함수는 다음과 같이 정의됩니다:

// 기본 문법
(param1, param2, …, paramN) => { statements }

인자가 하나인 경우 괄호를 생략할 수 있습니다:

// 하나의 인자만 있는 경우
param => { statements }

함수 본문이 하나의 표현식인 경우 중괄호와 return을 생략할 수 있습니다:

// 중괄호와 return 생략
param => expression

화살표 함수의 장점

화살표 함수는 다음과 같은 장점이 있습니다:

• 짧고 간결한 표현: 기존 함수보다 더 간략하게 함수를 표현할 수 있습니다.
• 내부의 this 바인딩: 화살표 함수는 자신만의 this를 생성하지 않고, 상위 스코프의 this를 가리킵니다.

예시

간단한 예시를 통해 화살표 함수의 사용 방법을 살펴보겠습니다.

// 기존 함수 표현
function square(x) {
  return x * x;
}

// 화살표 함수
const square = x => x * x;

위의 예시에서 볼 수 있듯이 화살표 함수를 사용하면 더 간결하고 직관적인 코드를 작성할 수 있습니다.

화살표 함수는 자바스크립트에서 유용하게 활용될 수 있는 문법 중 하나이며, ES6 이후의 많은 코드에서 사용되고 있습니다.

더 자세한 내용은 MDN Web Docs를 참고하세요.