[javascript] 애로우 함수란
자바스크립트에서 애로우 함수는 ES6(2015)에서 도입된 새로운 함수 정의 방식입니다. function
키워드 대신에 화살표(=>
)를 사용하여 간결하고 간편하게 함수를 정의할 수 있습니다.
애로우 함수는 다음과 같이 작성됩니다:
// ES5 함수
function multiply(a, b) {
return a * b;
}
// ES6 애로우 함수
const multiply = (a, b) => a * b;
애로우 함수의 주요 특징은 다음과 같습니다:
- 함수 본문이 한 줄인 경우 중괄호(
{}
)와return
키워드를 생략할 수 있습니다. - 함수에 하나의 인자만 있는 경우 소괄호(
()
)를 생략할 수 있습니다. - 애로우 함수는
this
를 lexical binding 하므로, 기존 함수에서 발생하는this
의 문제를 해결할 수 있습니다.
애로우 함수를 사용함으로써 코드의 가독성을 향상시키고, this
의 동작을 명확히 정의할 수 있습니다.
참고 자료: MDN Web Docs - 화살표 함수