JavaScript의 함수 범위는 변수와 함수를 "숨기기" 위해 존재합니다.

최소 권한 원칙을 따릅니다.
동시에 또 다른 이점은 같은 이름 기호 충돌
오늘은 이 즉시 실행 함수에 대해 주로 이야기하겠습니다.
그 전에 익명 함수와 명명된 함수를 검토하세요

익명 함수와 명명된 함수

혹시 익명 또는 이름 지정은 함수 표현식에 모두 사용됩니다
함수 선언에는 이름이 있어야 합니다. 그렇지 않으면 오류가 보고됩니다

function foo(){ //函数声明
    //...}

여기서 이스터 에그에 대해 설명하겠습니다. 아마도 내 기사를 읽으실 것입니다. 예제 코드를 사용할 때 저는 항상
을 사용하는 것을 좋아합니다. fn, func, 데모, foo, bar, foobar와 같은 단어
fn과 func는 function "function"의 약어입니다
Demo는 Demonstration "example"이라는 단어의 줄임말입니다
foo, bar, foobar 기술 서적이나 컴퓨터 문헌에서 자주 볼 수 있는
foo는 "엉망진창"을 의미하는 fuck-up의 약어인 fu의 변형입니다.
bar는 "모든 인식을 뛰어넘는 것"입니다. 이는 "인지할 수 없는 것"이라는 뜻입니다. 이는 Xiao Ming Xiao Hong, A, B, B, D, Zhang San, Li Si...

var foo = function(){...};
console.log(foo.name); //foo
var bar = function foobar(){...};//不要这么写
console.log(bar.name); //foobar

그렇게 작성하지 말자

예를 들어 타이머에서

setTimeout(function(){
    //...},1000);

사용하기가 간단하고 투박합니다
그러나 몇 가지 단점이 있습니다

• 추적 스택에 함수 이름이 없어 디버깅이 어렵습니다

• 자신을 참조해야 하는 경우 인수.callee만 사용할 수 있습니다(ES5에서는 비활성화됨). 엄격 모드)

• 함수의 가독성 및 이해도 감소

그래서
함수 표현식에 이름을 지정하는 것이 가장 좋은 습관이자 좋은 습관입니다

setTimeout(function timerHandler(){
    //...},1000);

자체 실행 함수, 자동 실행 함수 등으로 불리는 것도 있습니다.
더 표준적인
즉시 실행 함수 표현식
주의하세요 제 표현은 함수식입니다

다들 쓰시면서 이렇게 쓸 수 있다는 걸 발견하고
퍼뜨려 지금까지
이름처럼 실행 흐름은 이 함수로 실행되어 즉시 실행됩니다.
커뮤니티에서 제공한 용어는 다음과 같습니다.
IIFE(즉시 호출되는 함수 표현)

(function(){
    //...}());

물론 수식에 이름을 추가하는 것도 좋고, 명명된 함수 표현식의 장점도 있습니다
두 가지 용도는 다음과 같습니다. 완전히 동일하며 어느 것을 사용할지는 사용자의 몫입니다
하지만 저는 괄호를 바깥쪽에 쓰는 것을 선호하므로 보기가 더 편합니다
그리고 많은 마스터가 저와 같은 것을 보았습니다

예를 들어 우리의 일반적인 창 전달 방법

(function(){
    //...})();

우리 Scope 관점에서 분석
(내가 작성한 Scope를 보시면 됩니다 -> Portal)
전역 객체의 참조는 로컬 환경에 캐시됩니다
더 빠르게 액세스할 수 있습니다. 전역 객체, 검색을 위해 최상위 범위로 이동할 필요가 없습니다
이 작은 최적화는 초점이 아닙니다
코드를 압축할 때 핵심 포인트를 최적화할 수 있습니다
아마도 위의 코드 압축 도구일 것입니다 이렇게 압축할 수 있습니다

var a = '全局';
(function IIFE(global){    var a = '局部';    console.log(a);// "局部"
    console.log(global.a);// "全局"})(window);

var a = '全局';
(function IIFE(g){    var a = '局部';    console.log(a);// "局部"
    console.log(g.a);// "全局"})(window);

jQuery와 같은 프레임워크의 전반적인 아키텍처도 이와 매우 유사합니다
. 익숙해지면 우리보다 더 전통적이라고 느낄 것입니다. 사용법을 이해하기가 더 쉽습니다.

그러면 함수가 호출되고, 윈도우가 매개변수로 전달됩니다

표현식이므로 실행 가능합니다

표현식 실행이 가능하므로 다음 메소드를 바로 실행 가능합니다function(){}()

(function IIFE(demo){
    demo(window);})(function demo(global){
    //...
});

요약

함수 선언에는 이름이 있어야 합니다

위 내용은 JavaScript 익명, 명명함수, 즉시실행함수 IIFE에 대한 자세한 설명입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(m.sbmmt.com)를 참고해주세요!