Enjoy Programming

IIFE - Immediately - invoked Function Expressions 본문

JavaScript/Vanilla Js

IIFE - Immediately - invoked Function Expressions

LEETAEEON 2021. 5. 21. 14:25

즉시 실행 함수 표현 - IIFE

 

IIFE는 정의되자 마자 즉시 실행되는 자바스크립트 함수이다.

기본 구조는 

(function () { statements } ) (); 이다.

 

이는 self-executing anonymous Function으로 알려진 디자인 패턴으로 크게 두 부분으로 구성된다.

 

첫 번째는 괄호 ((), Grouping Operator)로 둘러싸인 익명함수. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지

할 수 있을 뿐 아니라 IIFE 내부 안으로 다른 변수들이 접근하는 것을 막을 수 있는 방법이다.

 

두 번째 부분은 즉시 실행 함수를 생성하는 괄호()이다. 이를 통해 자바스크립트 엔진은 함수를 작시 해석해서 실행.

표현 내부의 변수는 외부로부터의 접근이 불가능하다.

 

IIFE 를 변수에 할당하면 IIFE자체는 저장되지 않고, 함수가 실행된 결과만 저장된다.

https://developer.mozilla.org/ko/docs/Glossary/IIFE

 

IIFE - 용어 사전 | MDN

즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 Javascript Function 를 말한다.

developer.mozilla.org

 

'JavaScript > Vanilla Js' 카테고리의 다른 글

[ES6] String method  (0) 2021.06.01
[ES6] CLASS , Extends, Super(), this  (0) 2021.05.28
JS Clock  (0) 2021.05.15
키보드 이벤트 드럼만들기.  (0) 2021.05.12
ES6 - Default Values  (0) 2021.05.11