요소 함수의 인수로 루프 변수 전달

Question

제목을 용서하고, 무엇을 넣을 지 확신하지 못했습니다.

var links=document.getElementsByTagName('a'); 
for(var i=0;i<links.length;i++){ 
    var cur=links[i]; 
    cur.onmouseover=function(){alert(i);}; 
} 

내가 전에 이런 걸 본 기억,하지만 난 그것을 찾는 것에 대해 갈 것 어떻게 단서가 없다 :

나는 몇 가지 코드가 같이 있습니다. 이와 같은 또 다른 질문에 대해 질문을 받으면 저는 놀라지 않을 것이며 링크를 고맙게 생각합니다.

편집 : 문제는 항상 루프가 끝난 후 'i'가 무엇인지 알려주는 것입니다. 두 개의 링크가있는 경우 모두 경고 2입니다.

편집 : 여기를보고 기억합니다 : http://nathansjslessons.appspot.com/. 위대한 몇 가지 교훈, 나는 그들을 아직하지 않은 사람을 제안합니다.

Answer 1

이 시도 :

var links=document.getElementsByTagName('a'); 
for(var i=0;i<links.length;i++){  
    var cur=links[i];  
    cur.onmouseover=function(a){ 
     return function(){ 
      alert(a); 
     } 
    }(i); 
} 

Answer 2

당신은 실제로 Array.forEach를 사용할 수 있습니다

var links=document.getElementsByTagName('a'); 
[].forEach.call(links, function(cur, i) { 
    cur.onmouseover = function() { alert(i); }; 
}) 

을 트릭이 this 매개 변수로 links를 전달 .call()을 사용하고 있습니다.

기본으로 지원하지 않는 add .forEach() for older browsers이 필요합니다.

Answer 3

이것은 더 재사용 가능한 솔루션입니다. 3 r의 재활용 재사용을 기억하십시오;) 실제 생활에 넘칩니다. 어느 것이 가장 빠른 최적화 재미인지 확인하십시오! http://jsperf.com/speed-test-for-links-script

var links  = document.getElementsByTagName('a'); 
var linksLength = document.getElementsByTagName('a').length //cache the length means quicker for loop 

var addMouseOver = function(i){ 
    links[i].onmouseover=function(){ 
     alert(i); 
    }; 
} //extract the function 

for(var i=0;i<linksLength;i++){  
    addMouseOver(i); 
}