JavaScript_Basic 지식의 범위 및 클로저 문제에 대한 간략한 토론

JavaScript의 범위는 함수로 제한되며, 다양한 함수는 상대적으로 독립적인 범위를 갖습니다. 전역 변수는 함수 내부에서 선언하고 접근할 수 있으며, 지역 변수도 선언할 수 있습니다(var 키워드를 사용하면 함수의 매개변수도 지역 변수임). 하지만 내부 지역 변수는 함수 외부에서 접근할 수 없습니다.

function test() {
var a = 0; // 局部变量
b = 1; // 全局变量
}
a = ?, b = ? // a为undefined，b为1

같은 이름을 가진 지역 변수는 전역 변수보다 우선하지만 본질적으로 두 변수는 두 개의 독립 변수입니다. 하나를 변경해도 다른 변수에는 영향을 미치지 않습니다.

a = 5; // 函数外a的值为5
function test() {
var a = 4; // 函数内a的值为4
}();
a = ? // 函数外a的值仍为5，不受函数影响

일반적으로 함수가 종료되면 함수의 내부 변수에 대한 모든 참조가 종료되고 함수 내의 지역 변수가 재활용되며 함수의 실행 환경이 지워집니다. 함수의 반환 결과로 사용되면 상황이 변경됩니다.

function test(i) {
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;
};
}
// 点击任何一个元素，返回值都是“No. 5”，因为i最后的值为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);
}
// 使用闭包维持局部变量，点击元素返回No. 0 ~ No. 4

폐쇄는 편리함을 가져오지만 몇 가지 단점도 가져옵니다.
1. 프로그램이 복잡해지고 이해하기가 어려워집니다
2. 일반적인 가비지 수집을 방해하는 복잡한 클로저로 인해 메모리 재활용 실패 및 충돌이 발생할 수도 있습니다
3. 대규모 폐쇄에는 종종 성능 문제가 동반됩니다
따라서 마개는 크고 복잡하기보다는 컴팩트하고 콤팩트해야 하며, 마개를 대규모로 사용하는 것은 피해야 합니다. 클로저의 출현 자체는 언어의 버그이지만 고유한 기능 때문에 여전히 남아 있습니다. 주요 기능이 아닌 보조 수단입니다.