Điều gì sẽ xảy ra với biến "var" bên trong Trình tạo JavaScript?

Question

dụ:

function Foo() { 
    this.bla = 1; 
    var blabla = 10; 
    blablabla = 100; 
    this.getBlabla = function() { 
     return blabla; // exposes blabla outside 
    } 
} 

foo = new Foo(); 

gốc câu hỏi:

Tôi biết bla rằng sẽ được gán cho mỗi thể hiện của Foo. Điều gì sẽ xảy ra với blabla?

mới câu hỏi:

những gì tôi hiểu bây giờ:

this.bla = 1;  // will become an attribute of every instance of FOO. 
var blabla = 10; // will become a local variable of Foo(**not** an attribute of every instance of FOO), which could be accessed by any instance of FOO only if there's a method like "this.getBlabla". 
blablabla = 100; // will define a **new** (or change if exist) global(window) variable. 

        Did i understand correctly? 

Answer 1

Bất kỳ nội-các phương pháp bạn cung cấp cho this - ví dụ: this.method = function() {};trong khi bên hàm constructor Foo của bạn, là tất cả sẽ có một tham chiếu đến blahblah là duy nhất cho mỗi phiên bản của đối tượng Foo.

function Wallet() { 
    var balance = 0; 
    this.checkBalance = function() { return balance; }; 
    this.depositAmount = function (amount) { balance += amount; }; 
} 


var wallet = new Wallet(); 
wallet.checkBalance(); // 0 
wallet.depositAmount(3); 
wallet.checkBalance(); // 3 

Nhưng nó hoàn toàn được bảo vệ khỏi quyền truy cập bên ngoài ví, trừ khi bạn trả lại cho ai đó, từ một chức năng đặc quyền.

wallet.balance; // undefined; 

(thêm chút quan tâm - nếu balance là một string, một number, hoặc một boolean, ngay cả khi bạn quay trở lại nó, đó sẽ không từ bỏ người chỉnh sửa quyền, hoặc thậm chí truy cập xem vĩnh viễn - vô hướng biến được truyền theo giá trị, vì vậy bạn chỉ cần đi qua các giá trị cân bằng lúc - tuy nhiên, nếu, cân bằng là một object, một function hoặc một array, họ sẽ có quyền truy cập vĩnh viễn thay đổi các crap ra khỏi hoạt động nội bộ của bạn)

Lưu ý: phương pháp CÓ để được chỉ định bên trong hàm tạo để làm việc này. Nguyên mẫu không thể truy cập các biến nội bộ. Thêm phương pháp sau sẽ không cấp cho họ quyền truy cập vào các biến nội bộ.

Điều này có nghĩa là mỗi trường hợp sẽ chiếm nhiều bộ nhớ hơn một chút, vì mỗi bản sao đều có bản sao phương pháp riêng và có bản sao riêng của các vars. Nhưng nếu những gì bạn đang làm yêu cầu dữ liệu cá nhân, đây sẽ là một cách hay để có được nó.

Answer 2

Nó sẽ trở thành một địa phương (nghĩ về 'tư nhân') biến trong Foo(). Có nghĩa là bạn không thể truy cập nó bên ngoài Foo().

function Foo() { 
    this.bla = 1; // this becomes an extension of Foo() 
    var blabla = 10; // this becomes a "Local" (sort of like a 'private') variable 
} 

Bạn có thể hiển thị nó (bằng cách trả lại) bằng phương pháp Foo.

function Foo() { 
    var blabla = 10; // local 

    this.getBlabla = function() { 
     return blabla; // exposes blabla outside 
    } 
} 

Bây giờ bên ngoài của Foo():

var FooBar = new Foo(); 

var what_is_blabla = FooBar.getBlabla(); //what_is_blabla will be 10 

jsFiddle demonstration

Answer 3

Đó biến là địa phương để các nhà xây dựng và sẽ không được bên ngoài tiếp cận phạm vi đó (có thể là thông qua this hoặc), trừ khi nó bị bắt bởi một đóng cửa.

Answer 4

Biến được khai báo với var bên trong hàm được sử dụng làm hàm tạo, giống như tất cả các biến khác được khai báo với var bên trong bất kỳ hàm nào, chỉ hiển thị trong khi thực thi hàm đó (trừ khi giá trị được đóng bằng cách sử dụng đóng).

Nói cách khác, blabla không thể nhìn thấy bên ngoài các chức năng:

var foo = new Foo(); 
console.log(foo.bla);  // 1 
console.log(foo.blabla); // throws NameError 

Bằng việc xác định chức năng mà đóng trên các biến này, họ trở thành những điều gần gũi nhất JavaScript phải "tin" biến:

function Foo() { 
    this.bla = 1; 
    var private = 1; 

    this.increment = function() { 
     ++private; 
    } 

    this.getPrivateValue = function() { 
     return private; 
    } 
} 

foo = new Foo(); 
console.log(foo.bla);    // 1 
foo.bla = 6;       // legal 
console.log(foo.bla);    // 6 
console.log(foo.getPrivateValue()); // 1 
// console.log(foo.private);   // would throw an error 
foo.increment();      // legal 
console.log(foo.getPrivateValue()); // 2 
// foo.getPrivateValue() = 5;  // syntax error. Still can't reassign to private no matter what you try! 

Answer 5

blabla gần như có thể được coi là thành viên riêng tư của Foo.

Xem this bài viết từ Douglas Crockford.

Answer 6

Nếu bạn không sử dụng từ khóa var, "blabla" sẽ trở thành biến toàn cục. Tại các điểm khác trong mã nếu bạn cũng sử dụng blabla không có var, nó cũng sẽ là toàn cục và bạn có thể vô tình thay đổi các trường hợp blabla khác và đưa ra các lỗi không mong muốn trong mã của bạn. "var" đặt biến trong phạm vi hiện tại, vì vậy trong trường hợp trên, nó chỉ có thể truy cập vào Foo.

Answer 7

Trong ví dụ blabla của bạn là biến cục bộ, vì vậy nó sẽ biến mất khi hàm xây dựng kết thúc.

Nếu bạn khai báo hàm bên trong hàm tạo, sử dụng biến, thì biến sẽ là một phần của đóng cho hàm đó và tồn tại miễn là hàm (ví dụ như thường là đối tượng):

function Foo() { 
    this.bla = 1; 
    var blabla = 10; 

    this.getBlabla = function() { 
    alert(blabla); // still here 
    } 
}