Biến phạm vi vấn đề

Question

Vì tôi là một newbie JavaScript, tôi bắt đầu học nó nhưng tôi đã bị mắc kẹt ngay từ đầu. Tôi đang theo dõi a Mozilla Tutorial và tôi gặp sự cố với phạm vi biến đổi trong JavaScript. Tôi có một số mã:

var myvar = "my value"; 

var zmienna = "string"; 

(function() { 
    alert(myvar); 
    alert(zmienna); 
})(); 

(function() { 
    alert(myvar); // undefined 
    var myvar = "local value"; 
    alert(zmienna); 
})(); 

Trong hướng dẫn, tôi đã đọc các biến JavaScript không hiển thị từ các khối chức năng. Vâng, hai cảnh báo đầu tiên cho biết các giá trị chính xác. Đó là lạ sau đó, bởi vì cảnh báo thứ ba nói "không xác định", mặc dù thực tế là không có gì đã thay đổi từ khối chức năng trước đó. Thứ tư, một lần nữa, in giá trị đúng.

Ai đó có thể giải thích cho tôi, điều gì đang xảy ra ở đây? Tôi sẽ rất vui vì bài hướng dẫn không nói gì thêm về điều đó.

Answer 1

"Tôi đã đọc các biến JavaScript không hiển thị từ các khối chức năng".

Điều đó không đúng. Chúng có sẵn từ các hàm lồng nhau.

Chức năng lồng nhau tạo ra một chuỗi phạm vi . Một hàm được tạo bên trong một hàm khác có quyền truy cập vào các biến riêng của nó cũng như các biến của hàm mà nó được lồng vào nhau.

Nhưng chức năng A có thể không thấy các biến của hàm B nếu chức năng A đã không lồng bên chức năng B.

var myvar = "my value"; // <-- global variable, seen by all functions  
var zmienna = "string"; // <-- global variable, seen by all functions 

(function() { 
    alert(myvar); // <-- referencing the global variable 
    alert(zmienna); // <-- referencing the global variable 
})(); 
(function() { 
    // v--- Declaration of these "local" variables were hoisted to the top... 
    // var myvar; // <--- ...as though it was here. 
    // var new_var; // <--- ...as though it was here. 

    alert(myvar); // undefined (myvar is delcared, but not initialized) 
    alert(new_var); // undefined (new_var is delcared, but not initialized) 

    var myvar = "local value"; // <-- assign the value 

    alert(zmienna); // <-- referencing the global variable 
    alert(myvar); // <-- referencing the local variable 

    var new_var = "test"; // <-- another new local variable 

    // A nested function. It has access to the variables in its scope chain. 
    (function() { 
     alert(myvar); // <-- referencing the variable from its parent func 
     alert(new_var); // <-- referencing the variable from its parent func 
    })(); 
})(); 
/* 
Here's a new function. It was not nested inside the previous function, so it 
    has access to the global variables, and not the locals of the previous func 
*/ 
(function() { 
    alert(myvar); // <-- referencing the global variable 
    alert(new_var); // <-- ReferenceError 
})(); 

Answer 2

Việc sử dụng var được treo.

Vì bạn có var myvar bên trong hàm, có một phạm vi cục bộ myvar. Vì bạn gán một giá trị cho nó sau khi bạn cảnh báo nó, nó là undefined khi bạn cảnh báo nó.