즉시 실행 함수(IIFE)

오픈소스를 분석하던 도중, 신기하게 생긴 코드를 발견했습니다!

this.utils = await (() => import('@/utils')()

 

이런 코드는 처음 보기에 이 코드가 무엇인지 알아보았습니다.

 

---

1. 즉시 실행 함수(IIFE, Immediately Invoked Function Expression)

즉시실행함수(IIFE)는 정의되자마자 바로 실행되는 함수입니다.

코드의 범위를 제한하거나 변수를 보호하기 위해 사용됩니다.

이는 내부 변수를 외부에서 접근할 수 없게 하여, 전역 변수를 오염시키지 않으며, 코드의 특정 부분을 독립적으로 실행할 수 있어 모듈화에 유리합니다.

 

---

2. 사용방법

즉시실행함수의 기본 구조는 다음과 같습니다.

(function() {
    // 실행문
})();

// or

(() => {
  // 실행문
})();

 

예시

let result = (function(a, b) {
  return a + b;
})(5, 10);

console.log(result); // 15

 

---

3. 정리하며

지금까지 즉시실행함수(IIFE)에 대해 알아보았습니다.

이를 활용하여, 다양한 상황에서 유용하게 사용할 수 있을 것 같아요!

참고

JongMinFire 님의 JavaScript - 즉시실행함수(IIFE)

버미노트 님의 [자바스크립트] 함수(Finction), 즉시실행함수(Immediately-invoked function expression)