js 의 폐쇄 적 인 예시 설명

862 단어 js폐쇄 하 다

function outside()
{
var myVar = 1;
return function (){
alert(myVar);
}
}
var t = outside();
t();
js 의 한 함수 의 내부 함 수 는 이 함수 가 실 행 된 후에 도 이 함수 에 정 의 된 변 수 를 방문 할 수 있 습 니 다.이 를 폐쇄(Closure)라 고 합 니 다.다음 예 는 세 개의 닻 anchor 1,anchor 2,anchor 3 에 onclick 사건 을 추가 하 는 것 입 니 다.예상 할 수 있 는 효 과 는 닻 점 에 해당 하 는 닻 점 ID 를 표시 하 는 것 입 니 다.사실은 모두'My id is anchor 4'를 표시 합 니 다.이것 이 바로 폐쇄 작용 으로 인 한 논리 적 bug 입 니 다.이벤트 함수 가 실 행 된 후 i 의 값 은 4 입 니 다.

ADS.addEvent(window, 'load', function(W3CEvent) {m
for (var i=1 ; i<=3 ; i++ ) {

var anchor = document.getElementById('anchor' + i);

ADS.addEvent(anchor,'click',function() {
alert('My id is anchor' + i);
});
}
});

좋은 웹페이지 즐겨찾기