JavaScript 클로저는 일부 개발자에게 혼란의 대상이 되었습니다. 모든 JavaScript 함수는 클로저이지만 특정 하위 집합은 특히 이론적으로 중요합니다. 이 글의 목적은 개념을 명확히 하고 두 코드 블록 중 어느 것이 클로저를 정확하게 활용하는지 결정하는 것입니다.
클로저 이해:
클로저는 다음에 대한 액세스를 캡처하고 유지하는 함수입니다. 해당 범위가 더 이상 활성화되지 않은 후에도 해당 범위의 변수를 포함합니다. 본질적으로 클로저는 메모리가 있고 "상위 범위 변수" 또는 "upvalues"라고 알려진 상위 범위의 데이터에 액세스할 수 있는 함수입니다.
클로저 식별:
함수가 클로저인지 확인하려면 해당 변수를 검사해야 합니다. 비지역 변수(즉, 자유 변수 변수)가 없는 함수는 클로저가 될 수 없습니다. 로컬 변수가 아닌 함수는 클로저가 되려면 상위 범위 외부에서 참조되어야 합니다.
사례 1: 친구의 프로그램
<code class="javascript">for(var i = 0; i < 10; i++) { (function(){ var i2 = i; setTimeout(function(){ console.log(i2); }, 1000) })(); }</code>
이 경우 함수는 폐쇄된 상위 범위 변수가 없으므로 폐쇄가 아닙니다. 그러나 setTimeout에 전달된 내부 함수는 자유 변수 i2에 대한 액세스를 캡처하고 유지하기 때문에 클로저입니다.
사례 2: 작성자 프로그램
<code class="javascript">for(var i = 0; i < 10; i++) { setTimeout((function(i2){ return function() { console.log(i2); } })(i), 1000); }</code>
여기 , 내부 함수는 자유 변수 i2에 대한 액세스를 유지하고 상위 범위 외부에서 참조되는 경우에도 클로저로 유지됩니다.
결론:
두 경우 모두 클로저가 활용됩니다. . 저자의 프로그램은 i의 값을 적절하게 포착하기 위해 클로저를 사용합니다. 다른 함수를 반환하고 이를 setTimeout에 전달하면 내부 함수가 폐쇄형 변수 i2에 액세스할 수 있습니다. 이렇게 하면 지연 후 올바른 값이 콘솔에 인쇄됩니다.
위 내용은 JavaScript에서는 익명 함수가 항상 닫히나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!