предупреждение -1 вместо их соответствующего счетчика внутри цикла?

Question

Почему якоря при нажатии на них предупреждают -1 вместо их соответствующего счетчика внутри цикла? Как вы можете исправить код, чтобы он предупреждал правильный номер?

<a href="#">text</a><br><a href="#">link</a> 
<script> 
var as = document.getElementsByTagName('a'); 
for (var i = as.length; i--;) { 
    as[i].onclick = function() { 
     alert(i); 
     return false; 
    } 
} 
</script> 

Answer 1

Это проблема закрытия: каждый анонимной функции можно определить внутри цикла считывает значение «я» в конце для цикла.

Вам нужна другая область действия, например вызов функции, которая устанавливает обработчик onclick.

function add_onclick(el, i) { 
    el.onclick = function() { 
     alert(i); 
     return false; 
    } 
} 

var as = document.getElementsByTagName('a'); 
for (var i = as.length; i--;) { 
    add_onclick(as[i],i); 
} 

Answer 2

Вы печатаете значение переменной i. После цикла это значение равно -1.

Answer 3

Альтернативный способ добиться того же результата, как Keeper's answer является использование выражения функции для закрытия, который вы сразу же ссылаться, используя ваше значение в качестве параметра для создания Замыкания

var as = document.getElementsByTagName('a'); 
for (var i = as.length; i--;) (function (i) { 
    as[i].onclick = function() { 
     alert(i); 
     return false; 
    } 
}(i)); 

Этого способа требует минимального код рефакторинга