Область действия Javascript и вызов из onclick

Question

С JavasScript, скажем, есть innerFunction(), определенный в пределах outerFunction(). Если вы попытаетесь вызвать innerFunction(), за пределами outerFunction(), будет обнаружена ошибка, так как она не определена в пределах области действия.
Однако, если в outerFunction() вы назначаете innerFunction() событию, например событию клика, для некоторого внешнего элемента, например button, то из этой области действия кнопки можно вызывать innerFunction(), какими бы они ни были. Итак, почему вы можете сделать этот второй звонок innerFunction() из разных областей.

У меня есть рабочий пример: http://jsfiddle.net/rcmoore38/gPrMk/

Первоначальный changeColor() вызов не работает, но когда changeColor() назначается button, она может быть вызвана с помощью кнопки.

Спасибо!

Answer 1

Нет «области действия кнопки». Случается, что вы назначаете прослушиватель событий из области видимости внутренней функции, и это все, что имеет значение в JavaScript. Область применения JS - это то, где объявляются функции.

В вашем примере:

$("#b").click(function() { changeColor() }); 

функция changeColor доступна через closure внутри анонимной функции, потому что она объявлена ​​во внешней области видимости. Когда вы определяете вложенную функцию, все переменные и функции из родительских функций будут доступны внутри нее. Поэтому, когда элемент кликается и анонимная функция вызывается, она все еще имеет ссылку на changeColor и может ее вызвать.

Вы также можете установить обработчик событий без использования закрытия, как это:

$("#b").click(changeColor); 

Как я уже сказал, главное, что changeColor находится в области видимости, когда вы ссылка это (не тогда, когда он на самом деле называемый в этом случае браузером).