자바스크립트에서 자체 실행 함수(Self-Executing Function), 즉 IIFE(Immediately Invoked Function Expression, 즉시 호출 함수 표현식)의 핵심 목적은 변수 스코프를 제한하는 데 있습니다.
자체 실행 함수의 목적
자체 실행 함수 내부에서 선언된 변수는 기본적으로 해당 함수 내부에서만 접근할 수 있습니다. 외부 코드는 이러한 변수에 접근하거나 수정할 수 없기 때문에, 전역 네임스페이스 오염을 방지하고 코드 충돌을 예방할 수 있습니다.
이는 특히 여러 라이브러리나 스크립트를 함께 사용할 때 매우 유용합니다. 각 스크립트가 독립적인 스코프를 가지므로 서로 다른 코드 간의 변수 이름 충돌을 걱정할 필요가 없습니다.
IIFE란 무엇인가?
자체 실행 함수는 공식적으로 즉시 호출 함수 표현식(IIFE)이라고 불립니다. 이름 그대로, 함수가 정의되는 순간 곧바로 실행되는 함수입니다.
기본 문법
자체 실행 함수의 기본 문법은 다음과 같습니다.
(function() {
// 코드 작성
})();괄호의 역할 이해하기
위 문법을 구성하는 두 쌍의 괄호는 각각 중요한 역할을 합니다.
첫 번째 괄호 쌍은 그 안의 코드를 표현식으로 변환합니다.
function(){...}자바스크립트에서 function 키워드로 시작하는 구문은 일반적으로 함수 선언문으로 해석되지만, 괄호로 감싸면 함수 표현식이 됩니다. 이 차이가 바로 즉시 실행을 가능하게 하는 핵심입니다.
두 번째 괄호 쌍은 앞서 만들어진 함수 표현식을 실제로 호출하여 실행합니다. 즉, 첫 번째 괄호가 함수를 정의하는 역할을 한다면, 두 번째 괄호는 그 함수를 즉시 실행하는 역할을 합니다.
정리
자체 실행 함수(IIFE)는 정의와 동시에 실행되며, 내부 변수를 비공개로 유지함으로써 전역 스코프를 깨끗하게 보호하는 강력한 패턴입니다. 모듈 패턴의 기반이 되는 개념으로, 현대 자바스크립트 개발에서도 여전히 중요하게 활용됩니다.