Thứ tự thực thi JavaScript: tại sao điều này lại có hiệu lực sau khi mã theo sau nó?

Question

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

    console.log(m); 
} 

console.log(m) 

Output:

ReferenceError: m is not defined 
yo 

Vì vậy, các mã trên dòng 4 đang được thực hiện sau khi mã trên dòng 8.

Liệu việc sử dụng của tôi let đã bất cứ điều gì để làm với điều này?

EDIT: Sau khi đọc nhận xét, tôi nhận ra rằng điều này có thể là do thời gian chạy của tôi. Đây là cách tôi nhìn thấy nó trong Firefox đêm:

EDIT 2: Nếu điều này thực sự chỉ là thời gian chạy của tôi, sau đó là có ý nghĩa đối với mã sản xuất vì một cái gì đó như thế này? Hành vi không nhất quán giữa các trình duyệt? Làm thế nào để tôi chống lại điều đó?

Answer 1

Vì vậy, tôi nghĩ rằng hành vi của thời gian chạy FF là OK. Một lướt qua lướt qua các spec (6.2.3.1 vv) chỉ ra rằng mã nên chạy từng dòng, cho đến khi console.log(m) thứ hai tại thời điểm đó một ReferenceError được ném.

Tôi nghi ngờ nó chỉ "trông buồn cười" vì thứ tự mà giao diện điều khiển chọn để hiển thị console.log đầu tiên và thông báo ngoại lệ (đó là nghịch đảo của Chrome chẳng hạn).

Liệu thứ tự hiển thị cho bảng điều khiển có bị coi là lỗi hay không, tôi để lại cho người khác.

Sau đây xuất hiện để xác nhận phân tích của tôi với cảnh báo hiển thị trước khi ngoại lệ được ghi lại.

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

    alert(m); 
} 

console.log(m)