2
"use strict";

$(document).ready(function(){
    var input = 11;

    $('.operator').click(function(){
        alert(input);
        var input = 12;
    });
});

Почему alert выводит undefinded?

1

2 ответа 2

5

@alvoro все правильно сказал, а я попробую на пальцах с юмором

"use strict";

$(document).ready(function(){
    var input = 11; // опа, объявилась переменная input

    $('.operator').click(function(){ // так-с, кликаем
        alert(input); // input уже инициализирована, попробуем вывести.. хотя стоп, в контексте функции тоже есть переменная input, значит глобальная мне нахрен не нужна. У меня есть родная локальная =) Но... Она ниже alert-a, значит на момент вызова она undefined
        var input = 12;
    });
});

UPD: в javascript помимо "подъема" функций есть еще "подъем" переменных. Этот пример очень хорошо описывает "подъем" переменных.

2

Очень короткий пересказ этой статьи

Потому что дело обстоит так. Перед непосредственным выполнением функции, javascript (интерпретатор) проверяет объявления переменных (в ней) с оператором var. Если находит такие, то присваивает им undefined. Если не находит, то "ворует" из контекста "повыше". Надеюсь понятно выразился.

В вашем случае, input "еще" undefined, на момент вызова.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.