자바스크립트에서 화살표 함수(arrow function)는 ES6(ES2015)에서 추가된 새로운 함수 문법입니다. 기존의 함수 선언 방식과 다르게 간결한 문법으로 함수를 표현할 수 있습니다.
화살표 함수는 function 키워드 대신 => 기호를 이용해 함수를 선언합니다. 예를 들어, 다음과 같이 함수를 선언할 수 있습니다.
const add = (a, b) => {
return a + b;
}
위의 코드는 두 개의 인자를 받아서 더한 값을 반환하는 add 함수를 선언한 것입니다. 이때 화살표 함수에서는 함수 내부에서 return 키워드를 사용하여 값을 반환할 수 있습니다.
만약 함수 내부에서 한 줄의 코드만으로 값이 반환되는 경우에는 더욱 간결하게 화살표 함수를 선언할 수 있습니다. 예를 들어, 위의 add 함수는 다음과 같이 한 줄로 간략하게 표현할 수 있습니다.
const add = (a, b) => a + b;
또한, 화살표 함수에서는 함수 내부에서 this 키워드가 다른 변수와의 혼동 없이 사용됩니다. 일반적인 함수에서는 this가 전역 객체를 참조할 수 있는 반면, 화살표 함수에서는 함수를 선언할 때의 this 값을 그대로 사용합니다.
화살표 함수는 간결한 문법으로 함수를 선언할 수 있으며, this 값이 다른 변수와 혼동되지 않아 사용하기 편리합니다.