Не рекомендуется ли использовать переменную вне области обработки событий?

Question

Для jQuery или Javascript в целом рекомендуется ли НЕ использовать переменную, если она вне области действия обработчика событий?

Пример: Должен ли я избегать этого?

var $abc = $('#abc'); 
var $def = $('#def'); 
$('#myDiv').click(function() { 
    $abc.show(); 
    $def.hide(); 
}); 

Вместо этого лучше делание:

$('#myDiv').click(function() { 
    $('#abc').show(); 
    $('#def').hide(); 
}); 

Answer 1

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

На мой взгляд, это будет лучший подход.

function doSomething() { 
    var $abc = $('#abc'); 
    var $def = $('#def'); 
} 

//Use .on method for binding events, avoid shortcuts. 
$('#myDiv').on("click", doSomething); 

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