Как точно интерпретируется JavaScript?

Question

Я всегда думал, что браузеры выполняют код JavaScript сверху вниз по строке (вы, похоже, ожидаете этого поведения со языка сценариев). Но ясно, что это не тот случай:

// отлично работает

<script> 
    test(); 
    function test() { alert('test'); } 
</script> 

но если я объявляю функции в качестве переменной он терпит неудачу с «неперехваченным ReferenceError: тест не определен»:

<script> 
    test(); 
    var test = function() { alert('test'); } 
</script> 

Поэтому механизм javascript иногда не выполняет код сверху вниз. Он может как-то предварительно загружать функции, даже если они объявлены в конце. Как это работает и почему?

Answer 1

Это пример функции и переменной подъема: функции и объявления переменных перемещаются в верхнюю часть текущей области.

Ваши примеры внутренне преобразуется следующим образом:

Случай 1:

<script> 
    function test() { alert('test'); } 
    test(); 
</script> 

Случай 2:

<script> 
    var test; 
    test(); 
    test = function() { alert('test'); } 
</script> 

Из этого можно сделать вывод, что во втором случае переменная test не определено, когда вы пытаетесь его выполнить.