JS переменная область охвата

Question

var x = 5; 

function a() { 

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

    b(); 
    var x = 6; 
} 

a(); 

В console.log(x), выход undefined. Но если я изменяю,

var x = 5; 

function a() { 

    function b() { 
     console.log(x); 
    } 
    b(); 
    x = 6; // remove `var` 
} 

a(); 

затем выход 5.

Почему такое поведение? Пожалуйста, объясните мне.

Answer 1

В первом примере локальная переменная x поднята вверху области видимости, то есть функция, в которой она объявлена. Он работает так же, как если бы он был объявлен в верхней части:

var x = 5; 

function a() { 
    var x; 

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

    b(); 
    x = 6; 
} 

a(); 

Поскольку локальная переменная не присваивается значение до функции b называется, это содержит undefined.