[TypeScript] 즉시 실행 함수

※ 일본의 한 블로그 글을 번역한 포스트입니다. 오역 및 의역, 직역이 있을 수 있으며 틀린 내용은 지적해주시면 감사하겠습니다.

 

 

즉시  실행 함수란?

---

 먼저 즉시 실행 함수의 기본부터 설명하도록하겠다. 즉시 실행 함수란 정의된 직후에 실행되는 함수를 의미한다. 보통의 함수와 다른 점은 이름을 가지지 않고, 바로 실행된다는 특징이 있다.

 기본적으로는 다음과 같이 쓸 수 있다.

(function() {
  console.log("이것은 즉시 실행함수입니다！");
})();

 이 코드에서는 함수가 정의된 직후, 콘솔에 메시지가 출력된다. 

 

 

인수를 가진 즉시 실행 함수의 사용법

---

 다음은 즉시 실행함수에 인수를 전달하는 방법에 대해서 소개하도록 하겠다. 인수를 전달하여 외부의 데이터를 함수 안에서 이용할 수 있게 된다. 그럼 코드를 살펴보자.

(function(name: string) {
  console.log(`반갑습니다. ${name}씨！`);
})("Gizanbeak");

 

 

화살표 함수와 함께 사용하는 법

---

 TypeScript나 ES6에서는 화살표 함수이라는 작성법을 쓸 수 있다. 이 화살표 함수를 즉시 실행함수와 함께 사용하면, 더욱이 스타일리쉬한 코드를 쓸 수 있게 된다.

(() => {
  console.log("화살표 함수와 즉시 실행 함수의 조합！");
})();

 

 

즉시 실행 함수의 장점

---

 여기까지 읽었지만, "왜 즉시 실행 함수를 쓸까?"라고 생각하는 사람이 있을 것이라고 예상된다. 이러한 즉시 실행 함수를 사용하는 것에 대한 장점은 아래와 같다.

• 변수의 스코프를 제한 : 즉시 실행 함수내에서 정의된 변수는 그 함수 안에서만 유효하다.
• 코드의 충돌을 방지 : 다른 스크립트나 라이브러리와 변수명이 중복되는 것을 피할 수 있다.
• 초기화시의 처리 내용을 정리 : 페이지의 로드때 등에 한번만 실행하고 싶은 처리를 정리해서 쓸 수 있다. 

---

참고자료

https://gizanbeak.com/post/typescript-immediately-function