Tại sao biến toàn cầu của tôi bị che khuất trước tuyên bố địa phương?

Question

x = 1; 
alert(x); 
var y = function() { 
    alert(x); 
    var x = 2; 
    alert(x); 
} 
y(); 

Kết quả của 3 cảnh báo là: 1, undefined, 2 (Chrome 25)

Câu hỏi của tôi là: tại sao các cảnh báo thứ hai là undefined? Tại sao không 1? Không có biến toàn cục x?

Answer 1

Do hoisting, đây là những gì được thực hiện:

x = 1; 
alert(x); 
var y = function() { 
    var x; // <-- this gets hoisted up from where it was. 

    alert(x); 
    x = 2; 
    alert(x); 
} 
y(); 

Khi bắt đầu chức năng y(), các địa phương biến x được khai báo nhưng không được khởi tạo.

Answer 2

Tuyên bố biến trong hàm được treo lên trên cùng. Vì vậy, về mặt kỹ thuật, nó trông giống như sau:

var y = function() { 
    var x; 

    alert(x); 

    x = 2; 
}; 

Biến cục bộ sẽ làm lu mờ toàn cầu. Đó là lý do cảnh báo trả về undefined.

Answer 3

Vì phạm vi trong JavaScript là đối tượng hàm. Khi bạn thực hiện một số mã trong một hàm (mẫu mã của bạn), "alert (x)" sẽ tìm thấy nếu có bất kỳ định nghĩa nào về "x" trong hàm. Vì vậy, có một "var x = 2" trong chức năng này. Nhưng thời gian chạy JavaScript sẽ giải thích code của bạn như thế này:

x = 1; 
alert(x); 
var y = function() { 
    var x; 
    alert(x); 
    x = 2; 
    alert(x); 
} 
y(); 

Vì vậy, x trong cảnh báo thứ hai là "không xác định" không phải là "1". Vì vậy, khi bạn khai báo một số biến trong một hàm, tôi khuyên bạn nên khai báo các biến ở trên cùng của hàm của bạn.