Как передать переменную в обработчик?

Question

[newaitix]

function func(){
var a=1;
document.getElementById('middle').onclick=function(){
// как передать сюда переменную a ? Переменную нельзя делать глобальной.
}
}
func();

Answer 1

[Алексей Уколов]

Она и так там доступна, дополнительно ничего делать не нужно.

Answer 2

[Dubrovin]

Почему-то никто не упомянул стрелочные функции

let a = 1;
let el = document.getElementById( 'middle' );
el.addEventListener( 'click', () => {
    console.log(a); //1
} );

Comments

[Алексей Уколов]

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