IIFE 즉시 실행 함수를 사용하는 이유

mooyou 2022. 12. 20. 23:04

728x90

SMALL

충돌방지

자바스크립트의 클로저 현상 때문에 IIFE 내부의 정의된 변수와 함수는 외부에서 접근 할 수 없다.

(function myFunc() {
  var text  = "hello world!";
  return console.log(text);
})();
myFunc();//text is not defined

따라서 IIFE형식을 사용하면 코드의 충돌을 막을 수 있다.

라이브러리 전역 변수 충돌 방지

jQuery나 Prototype 라이브러리는 $ 전역변수를 동일하게 사용하기 때문에 충돌이 생길 수 있는데

이때 IIFE 함수를 이용해서 충돌을 막을 수 있다.

(function ($) {
    // jQuery
})(jQuery);

즉시 실행 함수는 한 번의 실행만 필요로 하는 초기화 코드 부분에 많이 사용되는데 전역에 변수를 추가하지 않아도 충돌 없이 코드를 구현할 수 있다.

참고

728x90

LIST