Порядок выполнения JavaScript: почему этот условный код выполняется после кода, который следует за ним?

Question

if(true) { 
    let m = "yo"; 

    console.log(m); 
} 

console.log(m) 

Выход:

ReferenceError: m is not defined 
yo 

Таким образом, код на линии 4 выполняется после того, как код на линии 8.

ли мое использование let иметь ничего общего с этим?

EDIT: После чтения комментариев я понял, что это может быть из-за моего времени выполнения. Вот как я вижу это в Firefox каждую ночь:

EDIT 2: Если это действительно только мое время работы, то есть последствия для производства кода из-за чего-то вроде этого? Непоследовательное поведение в браузерах? Как я защищаю это?

Answer 1

Итак, я считаю, что поведение среды FF в порядке. Беглый взгляд на спецификацию (6.2.3.1 и т. Д.) Указывает на то, что код должен выполняться по строкам, до второго console.log(m), в который бросается ReferenceError.

Я подозреваю, что это только «выглядит забавным» из-за порядка, в котором консоль выбирает рендеринг первого console.log и сообщение об исключении (например, это обратное к Chrome).

Независимо от того, считается ли заказ на консоль ошибкой или нет, я оставляю другим.

Ниже приведено подтверждение моего анализа с предупреждением, отображаемым до того, как будет зарегистрировано исключение.

if(true) { 
    let m = "yo"; 

    alert(m); 
} 

console.log(m)