Слушатель событий и область действия переменной асинхронной функции AJAX

Question

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

Однако прослушиватель событий, как показано ниже в коде, все еще может обращаться к переменной values, как это? Сохранена ли переменная в прослушивателе событий?

$.ajax({
    type: "GET",
    cache: false,
    url: "/whatever",
    success: function(data) {
        var values = ["Some Values", "Inside this Object"];

        $("#id :checkbox").click(function() { 
            var allValues = [];

            $('#id3 :checked').each(function() {
                allValues.push($(this).val());
            });

            $("#id2").val(allValues);

            callMe.init(values,allValues);
        });
    }
});

Answer 1

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

В вашем конкретном примере values находится в области действия, когда определена функция, заданная для click, поэтому она останется доступной даже после завершения success.

Вы найдете гораздо больше информации здесь:

• Как работают закрытия JavaScript?

Answer 2

Знак JQuery $ находится в глобальной области видимости.Все может ссылаться на это.Вы достигаете значений флажка формы через $.