자바스크립트에서 함수는 일급 시민(First-Class Citizen)으로, 다른 변수나 상수에 할당하거나 다른 함수에 전달할 수 있습니다. 함수 표현식과 익명 함수는 이러한 특징을 활용하여 유연하게 코드를 작성할 수 있게 해줍니다.

함수 표현식

함수 표현식은 함수를 변수에 할당하는 방식으로 정의됩니다. 다음은 간단한 함수 표현식의 예시입니다.

const add = function(a, b) {
  return a + b;
};

위의 예제에서 add는 function(a, b) { return a + b; } 함수를 가리키는 변수로 선언됩니다.

익명 함수

위의 예제에서의 함수는 익명 함수입니다. 익명 함수는 이름이 없는 함수로, 일반적으로 함수 표현식 내에서 사용됩니다. 위의 예제에서 function(a, b) { return a + b; } 부분이 익명 함수에 해당하며, 이 익명 함수가 add 변수에 할당됩니다.

JS에서 익명 함수는 이벤트 핸들러나 콜백 함수 등, 특정한 함수명이 필요 없는 경우에 주로 사용됩니다.

결론

함수 표현식과 익명 함수는 JS에서 다른 함수나 변수와 마찬가지로 다룰 수 있어서, 코드의 유연성과 가독성을 높여줍니다. 이 둘을 잘 활용하여 코드를 작성하면, 보다 효율적이고 유지보수하기 쉬운 코드를 작성할 수 있습니다.

참고 문헌: MDN Web Docs - 함수 표현식