Ordine di esecuzione JavaScript: perché questo condizionale viene eseguito dopo il codice che lo segue?

Question

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

    console.log(m); 
} 

console.log(m) 

uscita:

ReferenceError: m is not defined 
yo 

Quindi il codice sulla linea 4 è essere eseguita dopo il codice on line 8.

il mio utilizzo di let hanno nulla a che fare con questo?

EDIT: Dopo aver letto i commenti mi sono reso conto che ciò potrebbe essere dovuto al mio runtime. Ecco come la vedo io in Firefox nightly:

EDIT 2: Se questo è davvero solo il mio tempo di esecuzione, poi ci sono implicazioni per il codice di produzione a causa di qualcosa di simile? Comportamento incoerente attraverso i browser? Come posso proteggerlo?

Answer 1

Quindi penso che il comportamento del runtime FF sia OK. Una rapida occhiata alla specifica (6.2.3.1 ecc.) Indica che il codice deve essere eseguito riga per riga, fino al secondo console.log(m) a cui viene lanciata una ReferenceError.

Sospetto solo che "sembri divertente" a causa dell'ordine in cui la console sceglie di eseguire il primo console.log e il messaggio di eccezione (è l'inverso di Chrome per esempio).

Se l'ordine di rendering per la console è considerato un bug o no, lascio agli altri.

Quanto segue sembra confermare la mia analisi con l'avviso che mostra prima che l'eccezione venga registrata.

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

    alert(m); 
} 

console.log(m)