모든 클릭 핸들러가 'Link 5'를 반환하는 이유는 무엇입니까?

Javascript의 악명 높은 루프 문제: Closure Unveils the Magic

악명 높은 루프 문제는 코드 조각이 다음과 같은 링크 모음을 만들려고 할 때 발생합니다. 고유한 클릭 핸들러. 그러나 클릭할 때마다 "링크 5"로 등록되어 당황하게 됩니다.

Closure: The Enigmatic Sorcerer

수수께끼는 JavaScript의 범위, 즉 영역에 얽매인 영역에 있습니다. 블록이 아닌 기능으로. 클로저, 가려진 마법사는 둘러싸는 범위를 그들의 손아귀에 가두어 놓습니다.

결함 있는 루프

잘못된 루프에서 변수 'i'는 함수 내에 제한됩니다. 폐쇄 감옥에 투옥되었습니다. 루프가 완료되면 'i'는 "5"로 변환되어 불운한 핸들러에게 유령 같은 각인을 남깁니다.

구세주 루프

두 번째 루프. 각 반복은 독립적인 함수 객체를 생성하며, 각각은 자체 센티널 'num'을 보호합니다. 이 각인은 돌연변이를 일으키는 시간의 손길에 저항하여 '5'라는 교활한 주문으로부터 핸들러를 보호합니다.

최적화된 삼위일체

폐쇄가 이 기적적인 변화를 촉진하는 동안, 엄청난 가격이 요구됩니다. 링크당 두 개의 새로운 기능 개체가 필요합니다. DOM의 비밀 지식을 활용하면 더욱 우아한 솔루션이 탄생합니다. 데이터를 노드에 직접 저장함으로써 우리는 외부 범위의 폭정에서 벗어나 뚜렷한 기억이 있는 링크를 생성합니다.

아케인 비약

진정한 마법은 여기에 있습니다. 다음 코드는 다음과 같습니다.

각 링크에는 고유한 'i'가 있습니다. 독특한 아이덴티티를 클릭의 매력에 담아냅니다. 이제 정밀하게 휘두르는 클로저의 마법은 경이로움의 주문을 시전하여 링크에게 자신의 운명을 기억할 수 있는 힘을 부여합니다.

위 내용은 모든 클릭 핸들러가 'Link 5'를 반환하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!