Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript 익명 함수란? 언제, 어떻게 사용해야 할까?

JavaScript 익명 함수(Anonymous Function)의 개념

익명 함수(Anonymous Function)는 이름 없이 선언되는 JavaScript 함수입니다. 일반적인 함수처럼 function 키워드를 사용하지만, 함수 이름을 붙이지 않고 변수에 할당하거나 다른 함수의 인자로 바로 전달할 수 있다는 점이 특징입니다.

익명 함수를 사용하면 좋은 이유

익명 함수를 활용하면 코드의 가독성이 크게 향상됩니다. 특히 이벤트 핸들러(handler)를 호출하는 코드 내부에 직접 정의할 때 유용합니다. 익명 함수는 인라인(inline)으로 선언되기 때문에, 부모 스코프(parent scope)의 변수에 자유롭게 접근할 수 있습니다. 이러한 클로저(closure) 특성 덕분에 외부 변수를 참조하는 콜백 함수를 간결하게 작성할 수 있습니다.

또한 익명 함수는 다음과 같은 상황에서 활용도가 높습니다.

  • 다른 함수의 인자(argument)로 전달할 때 — 예: 콜백 함수, 이벤트 리스너
  • 변수에 할당하여 필요한 시점에 호출할 때
  • 즉시 실행 함수(IIFE)로 한 번만 실행되는 로직을 작성할 때

익명 함수 기본 문법

익명 함수를 변수에 할당한 뒤, 그 변수 이름으로 호출하는 가장 기본적인 형태입니다.

var func = function() {
    alert('This is anonymous');
}
func(); // 'This is anonymous' 알림창 출력

위 예제에서 함수는 이름 없이 선언되었으며, 변수 func를 통해 참조하고 호출하고 있습니다.

값을 반환하는 익명 함수 예제

익명 함수도 일반 함수와 마찬가지로 return 문을 사용해 값을 반환할 수 있습니다.

// 익명 함수 예제
var a = function() {
    return 5;
}

console.log(a()); // 5 출력

정리

익명 함수는 이름 없이 선언되어 변수에 담거나 다른 함수에 전달될 수 있는 유연한 함수 표현식입니다. 핸들러를 호출부 안에서 직접 정의하면 코드 흐름을 한눈에 파악하기 쉬워지고, 부모 스코프의 변수에 접근할 수 있어 더욱 강력하게 활용할 수 있습니다. 콜백 패턴이나 이벤트 처리처럼 일회성 로직이 필요한 경우 익명 함수를 적극적으로 사용해 보세요.