전단 면접의 즉각 집행 함수

즉시 실행 함수

함수를 설명하고 바로 이 익명 함수를 호출하면 즉각 실행 함수라고 합니다.함수를 정의한 후에 직접 실행합니다.

(function() {alert(' ')})() 

함수를 설명하고, 괄호로 싸서, 이 함수를 호출합니다.

함수 쓰기 즉시 실행

때때로 우리가 함수를 정의한 후에 즉시 이 함수를 호출할 수 있는데, 이때 함수의 정의 뒤에 직접 괄호를 붙일 수 없기 때문에 문법 오류가 발생할 수 있다.문법 오류가 발생한 원인은function이라는 키워드가 문장도 표현식도 될 수 있기 때문이다.

// 
function fn() {};

// 
var fn = function(){};

규정:function이 줄에 나타나면 일률적으로 문장으로 해석한다.행의 첫머리가function 키워드일 때, 이 단락은 함수 정의입니다. 괄호로 끝내서는 안 되기 때문에 오류가 발생합니다.function이 줄에 나타나지 않도록 할 때, 이것은 하나의 표현식으로 이해되며, 가장 간단한 처리 방식은 그것을 원괄호 안에 두는 것이다.

(function() {
    ...
}())

(function() {
    ...
})()

원괄호로 시작하면 함수 정의 문장이 아니라 표현식으로 이해되기 때문에 오류를 피할 수 있습니다. 이것을'즉시 실행 함수'라고 합니다.기타 쓰기 방법:

(function() {alert(' ')}())  // 
(function() {alert(' ')})()  // 
!function() {alert(' ')}()   
+function() {alert(' ')}()
-function() {alert(' ')}()
~function() {alert(' ')}()
void function() {alert(' ')}()
new function() {alert(' ')}()

함수의 작용을 즉시 실행하다

1. 함수에 이름을 붙일 필요가 없고 전체 변수를 오염시키는 것을 피한다.
2. 즉시 실행 함수 내부에 단독 작용역이 형성되어 외부에서 읽을 수 없는 개인 변수를 봉인할 수 있다.
3. 봉인 변수.

면접 문제

var list = document.getElementById("list");
var li = list.children;
for(var i = 0 ;i

i는 전체 작용역을 관통하기 때문에 모든 리에게 i를 분배하는 것이 아니라 이벤트를 누르면 비동기 사용자는 반드시 for가 실행된 후에야 클릭할 것이다. 이때 i는 이미 3이 되었다.
해결 방법:
1. 즉각 집행 함수를 사용하여 모든 li에게 독립된 작용역을 만듭니다. 즉각 집행 함수가 실행될 때 i의 값은 0에서 2로 세 개의 즉각 집행 함수에 대응하기 때문에 정상적으로 출력할 수 있습니다.

var list = document.getElementById("list");
    var li = list.children;
    for(var i = 0 ;i

2, ES6를 사용하는 블록 레벨 도메인:

var list = document.getElementById("list");
var li = list.children;
for(let i = 0 ;i

함수 사용 장면 즉시 실행

1. 코드는 페이지 불러오기가 끝난 후에 시간 프로세서, 창설 대상 등 설정 작업을 수행해야 한다.
2. 모든 동작은 한 번만 실행해야 한다. 예를 들어 이벤트를 표시하기만 하면 된다.
3. 코드를 국부 작용역에 감싸서 어떤 변수도 전역 변수로 누설되지 않도록 한다.

함수 인자 실행

(function(i) {
    ...
})(j)

만약 즉시 실행 함수에 전역 변수가 필요하다면, 전역 변수는 하나의 매개 변수로 즉각 실행 함수에 전달될 것이다.j는 실삼을 대표하고 i는 집행 함수의 형삼을 대표한다.

함수의 작용을 즉시 실행하다

1. 변수의 역할 영역을 변경합니다(독립적인 역할 영역을 생성합니다).
2. 임시 변수를 봉인합니다.