Phạm vi JavaScript bị thay đổi? Lý do tại sao điều này xảy ra?

Question

Giá trị của 'a' dường như mất phạm vi toàn cầu khi hàm tạo được gọi.

var a = 6; 

function b() { 
    a = 10; 

    function a() {} 
    console.log(a); //10 
} 
b(); 
console.log(a); //6 

Answer 1

Thứ tự được diễn giải như được hiển thị bên dưới do cẩu nâng. Lưu ý rằng khi @ShadowCreeper chỉ ra chính xác, function a(){} thực sự tạo một biến cục bộ a bên trong hàm b được hoisted như hình dưới đây.

var a; 
var b; 

a = 6; 
b = function() { 
var a; 
a = function(){}; 
a = 10; 
console.log(a); //10 
} 
b(); 
console.log(a); //6 

Answer 2

Bởi vì bạn đang tạo một biến địa phương (các chức năng a) sau đó thay thế mà giá trị biến địa phương (các function) với 10.

Một cách để tránh những thứ như thế này là đặt trước tất cả các biến và hàm cục bộ bằng dấu "_" (dấu gạch dưới).

Answer 3

This answer có lời giải thích thực sự thú vị về những gì đang diễn ra ở đây.

Tóm tắt là Javascript được xử lý theo hai giai đoạn, biên dịch và sau đó thực thi. Các định nghĩa hàm xảy ra trong bước biên dịch, vì vậy bên trong của b trình biên dịch sẽ thấy định nghĩa function a() {} và biến cục bộ a được tạo trong phạm vi b. Sau này khi mã được thực thi, phạm vi b đã chứa biến cục bộ a trước khi bất kỳ mã nào được thực thi, do đó, dòng a = 10; chỉ cho biến cục bộ một giá trị mới. Định nghĩa hàm đã được xử lý trong quá trình biên dịch sao cho sẽ không xảy ra trong khi thực thi, vì vậy console.log(a) sẽ xuất ra 10.