1. 변수의 범위
폐쇄를 이해하려면 먼저 JavaScript의 특수 변수 범위를 이해해야합니다.
변수 범위에는 두 가지 유형이 있습니다 : 전역 변수 및 로컬 변수.
JavaScript 언어의 특수 기능은 글로벌 변수를 함수 내에서 직접 읽을 수 있다는 것입니다.
var n = 999; 함수 f1 () {alert (n); } f1 (); // 999반면에 함수 내부의 로컬 변수는 기능 외부에서 자연스럽게 읽지 않습니다.
함수 f1 () {var n = 999; } alert (n); // 오류여기에 주목할 곳이 있습니다. 내부적으로 변수를 선언 할 때는 var 명령을 사용해야합니다. 그렇지 않다면 실제로 글로벌 변수를 선언합니다!
함수 f1 () {n = 999; } f1 (); 경고 (n); // 9992. 외부에서 로컬 변수를 읽는 방법은 무엇입니까?
여러 가지 이유로, 우리는 때때로 함수 내에서 로컬 변수를 가져와야합니다. 그러나 앞에서 언급했듯이 정상적인 상황에서는이 작업을 수행 할 수 없으며 해결 방법을 통해서만 달성 할 수 있습니다.
그것은 함수 내부의 다른 함수를 정의하는 것입니다.
함수 f1 () {var n = 999; 함수 f2 () {alert (n); // 999}}위의 코드에서 기능 F2는 기능 F1 내부에 포함되며 F1 내의 모든 로컬 변수는 F2로 표시됩니다. 그러나 다른 방법은 불가능합니다. F2 내부의 로컬 변수는 F1에 보이지 않습니다. 이것은 JavaScript 언어에 고유 한 "체인 스코프"구조입니다. 자식 객체는 모든 상위 물체 변수에 대해 레벨별로 위쪽으로 보입니다. 따라서 부모 객체의 모든 변수는 Child Object에 보입니다. 그렇지 않으면 사실이 아닙니다.
F2는 F1에서 로컬 변수를 읽을 수 있으므로 F2가 반환 값으로 사용되는 한 F1 외부에서 내부 변수를 읽을 수 없습니까?
함수 f1 () {var n = 999; 함수 f2 () {alert (n); } 반환 f2; } var result = f1 (); 결과(); // 9993. 폐쇄의 개념
코드의 이전 섹션의 F2 함수는 폐쇄입니다.
다양한 전문 문서에서 "클로저"의 정의는 매우 추상적이며 이해하기 어렵습니다. 내 이해는 폐쇄가 다른 기능 내에서 변수를 읽을 수있는 함수라는 것입니다.
JavaScript 언어에서는 내부 기능만이 로컬 변수를 읽을 수 있으므로 폐쇄는 단순히 "함수 내부에서 정의 된 함수"로 이해할 수 있습니다.
따라서 본질적으로 폐쇄는 기능의 내부와 외부를 연결하는 다리입니다.
4. 폐쇄의 목적
클로저는 여러 곳에서 사용할 수 있습니다. 두 가지 가장 큰 용도가 있으며, 하나는 기능 내부의 변수를 위에서 언급했듯이 읽을 수 있고, 다른 하나는 이러한 변수의 값이 항상 메모리에 유지된다는 것입니다.
이 문장을 이해하는 방법? 아래 코드를 참조하십시오.
함수 f1 () {var n = 999; nadd = function () {n+= 1} 함수 f2 () {alert (n); } 반환 f2; } var result = f1 (); 결과(); // 999 NADD (); 결과(); // 1000이 코드에서 결과는 실제로 Closure F2 함수입니다. 총 2 회, 첫 번째 값은 999이고 두 번째 값은 1000입니다. 이는 기능 F1의 로컬 변수 N이 메모리에 유지되었으며 F1이 호출 된 후에 자동으로 지우지 않았 음을 증명합니다.
왜 이런 일이 일어나고 있습니까? 그 이유는 F1이 F2의 상위 함수이고 F2가 글로벌 변수에 할당되어 F2가 항상 메모리에 있고 F2의 존재는 F1에 의존하기 때문입니다. 따라서 F1은 항상 메모리에 있으며 통화가 완료된 후에는 쓰레기 수집 메커니즘에 의해 재활용되지 않습니다.
이 코드의 또 다른 주목할만한 점은 "nadd = function () {n+= 1}"라인이 NADD 전에 처음 사용되므로 NADD는 로컬 변수가 아닌 글로벌 변수라는 것입니다. 둘째, NADD의 값은 익명의 함수 이며이 익명 함수 자체는 폐쇄이므로 NADD는 설정자와 동일하며 기능 외의 함수 내부의 로컬 변수에서 작동 할 수 있습니다.
5. 클로저 사용에 대한 메모
1) 폐쇄로 인해 함수의 모든 변수가 메모리에 저장되므로 메모리 소비가 매우 크고 클로즈는 남용 될 수 없으며, 그렇지 않으면 웹 페이지의 성능 문제가 발생하여 IE의 메모리 누출로 이어질 수 있습니다. 해결책은 함수를 종료하기 전에 사용되지 않은 모든 로컬 변수를 삭제하는 것입니다.
2) 폐쇄는 부모 함수 외부의 부모 함수 내부의 변수 값을 변경합니다. 따라서 부모 함수를 객체로 사용하는 경우 폐쇄를 공개 방법으로 사용하고 내부 변수를 사유 재산으로 사용하는 경우 부모 기능의 내부 변수의 값을 마음대로 변경하지 않도록주의하십시오.