자바스크립트 즉시 실행 함수(IIFE)란?

2020. 12. 7. 17:32·개발/JavaScript

즉시 실행 함수(Immediately Invoked Function Expression)은 선언과 동시에 실행되는 함수입니다.

(function () {
     statements
})();

즉시 실행 함수는 자가 실행 익명 함수(Self-Excuting Anynomous Function)로 알려진 설계 패턴이며, 다음과 가이 크게 두 부분으로 구성됩니다.

 

첫 번째는 함수를 감싸는 그룹핑 연산자 () 안에 갇히는 렉시컬 스코프를 갖는 익명 함수입니다. 이는 즉시 실행 함수 내 함수에 접근을 막고, 글로벌 스코프를 오염시키지 않도록 합니다.

(function () {
    var aName = "Barry";
})();

aName // "Uncaught ReferenceError: aName is not defined"

// 즉시 실행 함수 외부에서 함수 내 변수에 접근 불가

두 번째는 이를 실행하는 ()로 자바스크립트 엔진은 해당 함수를 즉시 실행합니다.

var result = (function() {
    var name = "Barry";
    return name;
})();

result; // "Barry"

// 위 경우 즉시 실행 함수 정의를 변수에 할당하는 것이 아니라 리턴 값을 변수에 할당.

 

참고 자료

  • https://developer.mozilla.org/en-US/docs/Glossary/IIFE

'개발 > JavaScript' 카테고리의 다른 글

자바스크립트 filter() 메소드 설명  (0) 2020.12.15
자바스크립트 동기/비동기 차이점은 무엇일까요?  (0) 2020.11.23
자바스크립트 sort() 메소드 사용 방법 정리  (0) 2020.11.20
'개발/JavaScript' 카테고리의 다른 글
  • 자바스크립트 join() 메소드 설명: 배열 요소를 문자열로 연결하기
  • 자바스크립트 filter() 메소드 설명
  • 자바스크립트 동기/비동기 차이점은 무엇일까요?
  • 자바스크립트 sort() 메소드 사용 방법 정리
휘Hwi
휘Hwi
여행, 사진, 개발, 책 이야기를 기록하는 여행자 휘의 블로그 𓂍
  • 휘Hwi
    휘: 끝나지 않은 이야기
    휘Hwi
  • 전체
    오늘
    어제
    • 분류 전체보기 N
      • 기록
        • 일상 에세이
        • 인사이트
        • 투자와 재테크
        • 코인 이야기
        • 아카이빙
        • 집무실 레터
        • 사랑에 대하여
        • 번역 이야기(完)
        • 프리랜서 일지(完)
      • 여행
        • 🌎 세계 여행기 S1 (完)
        • 🌊 삼삼한 여행기 (完)
        • 🚶 온더로드
        • 🇯🇵 일본
        • 🏝️ 발리
        • 🇻🇳 베트남
        • 🇱🇰 스리랑카
        • 🇮🇳 인도
        • 🇹🇭 태국
        • 🇸🇬 싱가포르
        • 🇦🇺 호주
        • 🇭🇰 홍콩
        • 🇰🇷 한국
        • 🍚 여행자의 한 끼
        • ℹ️ 여행 정보
      • 사진
        • 사진가
        • 사진 이론과 생각
        • 사진 관련 정보
      • 영상
        • 파이널컷 모션 공부
        • 고프로 GoPro
        • 영상 관련 정보
      • 책
        • 책 읽고 쓰기
      • 개발 N
        • 티스토리
        • Internet
        • HTML
        • CSS
        • JavaScript
        • Typescript
        • React
        • Node.js
        • Express
        • NestJS
        • Python
        • Django
        • MySQL
        • MongoDB
        • AWS
        • Deployment
        • Terminal
        • Git N
        • Glossaries
        • Articles
        • Projects
        • TIL;
      • 미분류
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
휘Hwi
자바스크립트 즉시 실행 함수(IIFE)란?
상단으로

티스토리툴바