JavaScript 범위 및 클로저에 대한 분석 및 설명
- 巴扎黑원래의
- 2017-08-10 13:53:231276검색
[소개] JavaScript의 범위는 함수로 제한되며, 다양한 함수는 상대적으로 독립적인 범위를 갖습니다. 전역 변수는 함수 내부에서 선언하고 액세스할 수 있으며 지역 변수도 선언할 수 있습니다(var 키워드를 사용하면 함수의 매개변수도 지역 변수임). 그러나 내부 지역 변수는 함수 외부에서 액세스할 수 없습니다.
var a = 0; // 지역 변수 }
같은 이름을 가진 로컬 변수는 전역 변수를 덮어쓰지만 본질적으로 두 개의 독립 변수입니다. 하나를 변경해도 다른 변수에는 영향을 미치지 않습니다.
a = 5 // 함수 외부의 값은 5입니다. test() {
var a = 4; // 함수 내부의 a 값은 4
}();
a = ? // 함수 외부의 a 값은 여전히 5이며 함수의 영향을 받지 않습니다 var b = i * i;
return function() {
return b--;};
}
var a = test (8);
a(); //반환값은 64, 내부변수 b는 63
a() //반환값은 63, 내부변수 b는 62
을 반환 값으로 사용하는데, 이는 함수가 종료된 후에도 내부 변수에 대한 참조가 끝나지 않기 때문에 함수의 지역 변수를 재활용할 수 없으며 함수의 실행 환경이 그대로 유지되어 폐쇄 효과를 형성하기 때문입니다. 재활용되어야 하는 내부 변수는 이 참조를 통해 접근할 수 있습니다.
클로저는 또한 함수의 지역 변수를 "비공개" 변수로 만듭니다. 이 변수는 반환된 내부 함수를 통해서만 접근할 수 있고 다른 방법으로는 변경할 수 없습니다. 따라서 클로저를 사용하여 지역 변수와 보호 변수를 유지할 수 있습니다.
종료가 없는 상황:
var a = []; // a에 5개의 요소가 포함되어 있다고 가정합니다.
for (var i = 0, m = a.length; i < m; i++) {
a[ i].onclick = function(e) {
return 'No.' + i;
};
}
// 임의의 요소를 클릭하면 i의 최종 값이 5이므로 반환 값은 "No. 5"입니다.
사용하는 경우 클로저:
function test(i) {
return function(e) {return 'No. ' + i;
};
}
var a = [] // a에 5개의 요소가 포함되어 있다고 가정합니다. for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = test(i);
}
// 로컬 변수를 유지하려면 요소를 클릭하세요. 0번 ~ 4번
클로저는 편리함을 제공하지만 몇 가지 단점도 가져옵니다.
1. 프로그램이 복잡해져서 이해하기가 더 어려워집니다.
2. 클로저가 메모리를 방해할 수도 있습니다. 재활용 실패 및 충돌
3. 거대한 클로저는 종종 성능 문제를 동반합니다
따라서 클로저는 크고 복잡하기보다는 유선형이고 작아야 하며 대규모 클로저 사용은 피해야 합니다. 클로저의 출현 자체는 언어의 버그이지만 고유한 기능 때문에 여전히 남아 있습니다. 주요 기능이 아닌 보조 수단입니다.
위 내용은 JavaScript 범위 및 클로저에 대한 분석 및 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!