Javascript 루프 바인딩을 위한 샘플 코드 events_javascript 팁

예를 들어 길이가 무한한 목록의 경우 마우스가 특정 항목 위로 지나갈 때 배경이 변경됩니다.

]

이것은 예제는 그룹 객체 바인딩 이벤트 핸들러 함수로 반복됩니다.
그러나 이를 바탕으로 몇 가지 요구사항을 추가한다면. 예를 들어, 특정 레코드를 클릭하면 어떤 레코드가 팝업되나요?
아마도 다음과 같이 쓸 것입니다: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

테스트 그러면 경고가 나옵니다. 나오는 내용은 6번째 레코드입니다.
사실 여기서 for 루프는 목록 전체를 순환하면서 i를 실행했기 때문에 여기서 i는 6이 됩니다.
좋은 방법이 없을까요? 이 문제를 해결하려면?
그것은 클로저입니다. 개인적으로 클로저는 js에서 가장 파악하기 어려운 것 중 하나라고 생각합니다.
클로저가 무엇인지 살펴보세요.
클로저는 내부 함수가 포함된 함수 내의 기존 변수와 변수를 참조할 수 있음을 의미합니다. 외부 함수의 실행이 종료되었습니다. [Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
] 추신: 폐쇄가 어렵고 매우 복잡합니다!