Не работает замыкание

[jsdump]

Есть код который ставит алерты на кнопки:
for (var i = 0; i < button.length; i++)
button[i].onclick = function () {
alert(i);
}
Если его переписать:

for (var i = 0; i < button.length; i++)
button[i].onclick = function (i) {
alert(i);
}

то вместо последнего i выводит obeject mouseevent

почему так?

[ksa]

Не работает замыкание

Не хотел тебя расстраивать...
Но у тебя нет замыкания.

вместо последнего i выводит obeject mouseevent
почему так?

Потому, что так и должно быть.

А вот пример замыкания...

for (var i = 0; i < button.length; i++)
button[i].onclick = (function (N) {
   return function(){alert(N);};
})(i);

[ksa]

вместо последнего i выводит obeject mouseevent
почему так?

Вот тебе пример из учебника...

<button id="button">Нажми Alt+Shift+Click на мне!</button>

<script>
  button.onclick = function(event) {
    if (event.altKey && event.shiftKey) {
      alert('Ура!');
    }
  };
</script>

https://learn.javascript.ru/mouse-events-basics

Только у тебя вместо event - i...

[jsdump]

А почему так и должно быть? Почему поведение функции так меняется из переданного аргумента?

[jsdump]

И действительно помогло. Из-за одного let всё встало на свои места. Интересно почему?

[Aetae]

Rise, вот он поменял var на let и всё. А во времена до let, это заставило бы его разобраться как таки устроен js и как с ним правильно работать, что помогло бы сильно в будущем. Эх.

jsdump, совет, идете в учебник на этом сайте и перечитывайте главу про замыкания до тех пор пока не въедите, иначе постоянно будете спотыкаться.

[ksa]

Интересно почему?

Это хорошо, что тебе это интересно...
Значит самое время начать читать учебник по JS... Одну из ссылок я тебе уже дал выше.

[ksa]

А почему так и должно быть?

Потому, что так сделано и описано в букваре...
https://javascript.ru/tutorial/event...-sobytie-event

Почему поведение функции так меняется из переданного аргумента?

Поведение функции не меняется. Все работает согласно алгоритму, описанному в функции...

Просто ты не знаешь основ обработки событий, потому все, что происходит кажется тебе загадкой...

[jsdump]

Почему не работает код:

var i=0;
{
let i=-5;
for (var i; i < button.length; i++){}
alert(i);
}
alert(i);

Разве нельзя объявлять var после let?

[ksa]

Разве нельзя объявлять var после let?

В редакторах вообще можно писать всякую ерунду.
Правда не факт что она потом будет работать...

Какой тайный смысл ты хотел реализовать объявлением переменой с тем же именем в var, после let?