Странное поведение по глобальной и локальной переменной в JavaScript

Question

Я попытался следующий код:

var a = 5; 

function x() { 
    console.log(a); 
} 

x(); 

Он работает, как ожидалось и печатает 5.

Но я изменил код так глобальной переменной а будет перезапись следует:

var a = 5; 

function x() { 
    console.log(a); 
    var a = 1; 
} 

x(); 

Он печатает нестандартно. Это не имеет смысла для меня, так как переписывание должно происходить сразу после console.log (a). Так в чем проблема?

Answer 1

Это происходит потому, что ваша вторая переменная a «поднимается» вверху функции, и она скрывает первый a. Что на самом деле происходит это:

var a = 5; 

function x() { 
    var a; 
    console.log(a); 
    a = 1; 
} 

x(); 

Here is an article on hoisting from adequately good для дальнейшего чтения по этому вопросу.

Answer 2

var a = 5; 

function x() { 
    var a = 1; 
console.log(a); 
} 

x(); 

необходимо инициализировать переменную a до console.log();