[JS] Arrow Function(화살표 함수)

Arrow Function(화살표 함수)

Arrow Function은 ES6(ECMAScript 2015)에서 추가된 함수 표현식입니다. 기존의 함수 표현식보다 간결하고 가독성이 높아 코드 작성 시 유용하게 사용됩니다.

Arrow Function은 function 키워드 대신에 화살표(=>)를 이용하여 함수를 정의합니다. 함수의 매개변수가 하나인 경우 괄호(())를 생략할 수 있습니다. 또한 함수 내부의 코드가 한 줄인 경우 중괄호({})를 생략하고 바로 반환값을 지정할 수 있습니다.

아래는 Arrow Function을 사용한 예시입니다.

// 기존의 함수 표현식
function double(x) {
  return x * 2;
}

// Arrow Function 사용
const double = (x) => x * 2;

Arrow Function은 일반적인 함수와 다르게 this 값을 바인딩하는 방식이 다릅니다. 

Arrow Function은 자신의 this 값을 갖지 않고, 함수가 정의된 컨텍스트의 this 값을 사용합니다. 

이러한 특징은 Callback 함수 등에서 유용하게 사용됩니다.