Bối rối bởi JavaScript đoạn mã này

Question

Đối với đoạn này, tôi không ngạc nhiên khi biến toàn cầu 'a' đánh giá là 5.

http://jsfiddle.net/MeiJsVa23/gZSxY/:

var a = 10; 

function func(){ 
    a = 5; 
} 

func(); // expect global variable 'a' to be modified to 5; 

alert(a); // and this prints out 5 as expected. No surprise here. 
​ 

Nhưng làm thế nào mà cho đoạn mã này, toàn cầu biến 'a' ước tính là 10 và không phải là 5? Nó như thể a = 5 chưa bao giờ xảy ra.

http://jsfiddle.net/MeiJsVa23/2WZ7w/:

var a = 10; 

function func(){ 
    a = 5; 
    var a = 23; 
} 

func(); // expect global variable 'a' to be modified to 5; 

alert(a); // but this prints out 10!! why? 

Answer 1

Điều này là do cẩu biến: bất cứ điều gì định nghĩa với từ khóa var bị 'treo' lên đỉnh phạm vi hiện tại, tạo ra một biến địa phương a. Xem: http://www.adequatelygood.com/2010/2/JavaScript-Scoping-and-Hoisting

Answer 2

var a trong chức năng được đưa lên đầu phạm vi chức năng, do đó, biến cục bộ sẽ được sửa đổi, chứ không phải biến cục bộ.

Answer 3

Điều này phải làm với cẩu.

Trong hàm, biến cục bộ có cùng tên được khai báo. Mặc dù nó xảy ra sau khi sửa đổi của bạn, nó được coi là đã được tuyên bố trước khi nó - điều này được gọi là cẩu.

Biến cục bộ để khai báo nhưng không phải giá trị. Vì vậy:

function someFunc() { 
    alert(localVar); //undefined 
    var localVar = 5; 
} 

Chức năng, nếu được tuyên bố với cú pháp function name() {..., cho cả kê khai và giá trị.

function someFunc() { 
    alert(someInnerFunc()); //5 
    function someInnerFunc() { return 5; } 
} 

Answer 4

var a = 10; //a is 10 

function func(){ 
    a = 5; //a is 5 
    var a = 23; // a is now in local scope (via hoisting) and is 23 
} 

func(); 

alert(a); // prints global a = 10 

Answer 5

này được gọi là "variable hoisting". var khai báo (và function() khai báo) được chuyển lên đầu phạm vi của chúng.

Answer 6

Có lẽ, tuyên bố var a = 23 tạo biến cục bộ cho toàn bộ phạm vi. Vì vậy, toàn cầu a bị che khuất toàn bộ func(), không chỉ cho các dòng bên dưới tuyên bố. Vì vậy, trong đoạn mã thứ hai của bạn, a = 5 được gán cho biến cục bộ được khai báo bên dưới.

Answer 7

Vì vậy, có hai điều sẽ xảy ra ở đây: hoisting và shadowing.

Bởi vì là người đầu tiên, khai báo biến được "treo" lên hàng đầu, do đó, mã của bạn là tương đương với:

var a = 10; 

function func(){ 
    var a; 
    a = 5; 
    a = 23; 
} 

Và bởi vì điều thứ hai, bạn đang "shadowed" biến toàn cầu a với một địa phương, vì vậy những thay đổi không được phản ánh cho toàn cầu a.