JavaScript의 IIFE(즉시 호출 함수 표현식)란 무엇입니까?

JavaScript의 (function() { } )() 구문 이해

(function() { } )() 구문, IIFE(즉시 호출 함수 표현식)라고도 알려진 이 패턴은 함수 생성 후 즉시 함수를 정의하고 실행하기 위해 JavaScript에서 사용되는 고유한 패턴입니다. 특정 이벤트에 의해 트리거되는 이벤트 핸들러와 달리 IIFE는 발생하자마자 실행됩니다.

구문 및 구조

IIFE는 두 가지 주요 부분으로 구성됩니다.

• 표현식 래핑: 첫 번째 부분에는 함수 표현식 래핑이 포함됩니다. 괄호 안: (function() { } ). 함수를 정의하지만 아직 호출하지는 않습니다.
• 즉시 호출: 함수를 실행하기 위해 추가 괄호 세트가 끝에 추가됩니다: (function() { } ) (). 이 부분은 함수를 즉시 호출합니다.

설명

바깥쪽 괄호는 함수 정의를 포함하는 표현식을 만듭니다. 인수가 없는 내부 괄호를 사용하면 함수가 자동으로 실행됩니다.

IIFE의 이점

IIFE는 여러 가지 장점을 제공합니다.

• 네임스페이스 개인정보 보호: IIFE 내부의 변수와 함수는 함수 내에서 범위가 지정됩니다. 전역 네임스페이스를 오염시키는 것을 방지합니다.
• 코드 재사용성: IIFE를 사용하면 코드를 모듈화하여 애플리케이션의 다양한 부분에서 재사용하기가 더 쉬워집니다.
• 성능 최적화: IIFE에 코드를 래핑하면 파서가 코드를 최적화하기 전에 최적화할 수 있습니다.

예

다음 코드 블록을 고려하세요.

(function() {
  var myVariable = 'Hello';
  console.log(myVariable);
})();

이 코드가 실행되면 myVariable 변수는 다음 내에서만 액세스할 수 있습니다. IIFE. 함수 외부에서는 정의되지 않은 상태로 유지됩니다.

document.onload와의 차이점

IIFE와 document.onload는 모두 즉각적인 실행을 포함할 수 있지만 목적이 다릅니다. document.onload는 해당 기능을 실행하기 전에 DOM이 로드될 때까지 기다리는 이벤트 핸들러입니다. 반면 IIFE는 이벤트와 독립적으로 실행되며 주로 캡슐화 및 코드 재사용에 사용됩니다.

위 내용은 JavaScript의 IIFE(즉시 호출 함수 표현식)란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!