Какой будет результат выполнения данного кода?

Question

[ummahusla]

Наткнулся на этот вопрос, просто когда прилистывал разные тестовые задания на позиции фронтдева.

Исходя из вопроса: "Ответьте, пожалуйста, на вопрос: какой будет результат выполнения данного кода и почему?"

var a = 12; 
function b() { 
if (!a) { 
var a = 9; 
} 
alert( a ); 
} 
b();

Ответ получился 9; но кто может растолковать, почему? Вроде же есть if(!a) и по логике, должен быть ответ 12?

Comments

[Евгений Петров]

Если уберёте var внутри функции, будет 12.

[ummahusla]

Евгений Петров: Спасибо

Answer 1

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

Потому что переменные в js создаются не там, где вы их объявили, а в начале области видимости (функции).
Таким образом, a в момент проверки создана, но не заполнена, ее значение - undefined.
Поэтому проверка срабатывает и значение a переопределяется.
JS 101.
http://learn.javascript.ru/global-object#порядок-и...

Comments

[Евгений Петров]

Нужно добавить для понимания ТС, что в коде 2 переменных a в разных контекстах. Первая была инициализирована в значение 12 и нигде больше не используется.

Answer 2

[Денис Инешин]

Чтобы было более наглядно:

var a = 12; 
function b() { 
    var a; // новая переменная a внутри функции

    if (!a) { // выполнится всегда, так как a == undefined
        a = 9; 
    } 

    alert( a ); 
} 
b();

Вот так оно на самом деле работает, не важно где в теле функции вы объявили var a; и где присвоили ему значение, все равно он будет там.
Ну а чтобы добиться правильного результата, вам не нужно второй раз объявлять переменную.

var a = 12; 
function b() { 
    if (!a) { 
        a = 9; 
    } 

    alert( a ); 
} 
b();

Comments

[Денис Инешин]

Евгений Петров: второй вар я написал, чтобы автору вопроса было понятней, что происходит.

[Денис Инешин]

Евгений Петров: поправил

Answer 3

[Сергей Мельников]

habrahabr.ru/post/127482