JS IIFE

공부 동기?

다른 사람의 코드를 보다 보면 종종  IIFF가 보일 때가 있는데,  볼 때마다 새로운 느낌이 들어 정리하면서 공부했습니다.

 

 

IIFE란?

Immediately Invoked Function Expression의 약자로

Immediately => 즉시!!

Invoked => 호출된!!

Function Expression => 함수 표현

즉, 즉시 실행 함수입니다

 

 

사용방법

함수를 ()로 한번 감싸주고, 마지막에 ()를 한번 써주면 됩니다.

마지막 괄호에 값을 넘겨주면 괄호 안의 함수가 인자로 받아서 사용할 수 있습니다.

(function () {
  console.log("hahahaha");
})();

(function (num1, num2) {
  console.log(`${num1} `);
})(5);

(function (str) {
  console.log(str);
})("hello");

 

결과

 

주의

마지막 세미콜론을 빼먹어서 다음과 같이 코드를 짠다면

(function () {
  console.log("hahahaha");
})()(function () {
  console.log("hahahaha");
})()(function () {
  console.log("hahahaha");
})()(function () {
  console.log("hahahaha");
})()

오류가 납니다.