본문 바로가기
FrontEnd/JavaScript

[ JavaScript ] 즉시 실행 함수(IIFE) (feat. 익명함수)

by ウリ김영은 2023. 10. 29.

즉시 함수 호출 표현식 Immediately Invoked Function Expressions

1. 익명함수 + 즉시실행

(function(){})();
(function(){}())
// function 으로 시작하는 문은 함수 선언으러 간주, 
//이 함수를 ()로 묶으면 함수식이 된다. 
//이렇게 하면 다음 () 로 함수를 실행할 수 있다.

익명함수란?

  • IIFE 로 사용되어 일부 코드를 캡슐화 => 변수가 전역 범위로 누출되지 않는다
  • 한 번 사용되고 다른 곳에서는 사용할 필요 없는 콜백으로 사용

2. window.onload

  • html 문서의 모든 내용을 읽고, 이미지 소스까지 다운로드가 끝났을 때 실행하라는 의미
  • 순수한 자바스크립트 함수여서 jQuery 함수보다 먼저 호출
window.onload = function(){};

3. jQuery 로 작성

  • window.onload 와 마찬가지로 html 문서의 모든 내용을 읽고 실행하라는 의미
  • 이미지 다운로드는 기다리지 않는다
$(document).ready(function(){}));

4. void 연산자 사용

  • 항상 undefined 로 평가되므로, 무언가를 반환하려면 사용 불가능
void function foo(){}()

 


참조

https://blog.naver.com/spreatics2/222388284592