Javascript Scoping Confusion

Question

Tôi không thể tìm thấy kết hợp chính xác về vấn đề của mình, mặc dù có nhiều câu hỏi về phạm vi javascript tồn tại. Đây là mã hiện tại của tôi cho câu hỏi.

var my_var = "blank"; 
var MyFunc = function() { 
    my_var = "one"; 
    //var my_var = "two"; 
} 
alert(my_var); 
MyFunc(); 
alert(my_var); 

Khi tôi chạy này, tôi đang thông báo với "blank" và sau đó "một" như mong đợi. Tuy nhiên, nếu tôi uncomment rằng một dòng, do đó, nó trông như thế này.

var my_var = "blank"; 
var MyFunc = function() { 
    my_var = "one"; 
    var my_var = "two"; 
} 
alert(my_var); 
MyFunc(); 
alert(my_var); 

Tôi cảnh báo với "blank" và sau đó "blank". Đây không phải là những gì tôi mong đợi và tôi thấy nó khó hiểu rằng việc thêm một dòng sẽ loại bỏ hành vi. Bất cứ ai có thể giải thích những gì đang xảy ra ở đây? Tôi thấy hành vi này trong cả firefox và safari.

Answer 1

Tất cả các báo cáo var có hiệu quả "treo lên" lên đến đầu chức năng kèm theo của chúng (loại). Do đó, thực tế là bạn có var my_varở bất kỳ nơi nào trong hàm đó có nghĩa là tất cả các đề cập đến "my_var" đều đề cập đến biến cục bộ.

(tôi nói "loại" vì phần phân công của tuyên bố var không chuyển, chỉ cần tờ khai rằng nhận dạng phải là một biến cục bộ.)

Answer 2

Lý do là vì tờ khai được kéo lên trong vòng một phạm vi chức năng trong JavaScript. Đọc thêm về nó here.

Answer 3

Biến Javascript có phạm vi chức năng không giống như C, C++, Java và C# có phạm vi chặn (dấu ngoặc nhọn).

Mẹo nhanh: JavaScript tời kéo Giải thích

http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-javascript-hoisting-explained/