javascript công cộng biến

Question

tôi có lớp học này:

function ctest() { 
    this.var1 = "haha"; 
    this.func1 = function() { 
     alert(this.var1); 
     func2(); 
     alert(this.var1); 
    } 
    var func2 = function() { 
     this.var1 = "huhu"; 
    } 
} 

và gọi nó là:

var myobj = new ctest(); 
    myobj.func1(); 

không được coi là cảnh báo thứ hai sẽ bật lên "huhu"? func2 là riêng tư, nó có thể không truy cập vào biến công cộng var1?

nếu chức năng riêng tư không thể truy cập vào biến công khai, tôi có thể làm như thế nào?

Cảm ơn trước!

Answer 1

Bạn cần cung cấp một bối cảnh cho các cuộc gọi đến func2:

this.func1 = function() { 
    alert(this.var1); 
    func2.call(this); 
    alert(this.var1); 
} 

Nếu không có bối cảnh cuộc gọi sẽ sử dụng đối tượng toàn cầu (tức là window) - bạn sẽ thấy khi bạn chạy mã hiện tại của bạn mà window.var1 là được tạo ra giữa hai cảnh báo.

Answer 2

function ctest() { 
    this.var1 = "haha"; 
    this.func1 = function() { 
     alert(this.var1); 
     func2(this); 
     alert(this.var1); 
    } 
    var func2 = function(obj) { 
     obj.var1 = "huhu"; 
    } 
} 

Và có cách nào khác để giải quyết vấn đề này, đánh dấu vào câu trả lời khác :)

Answer 3

Chức năng không được gắn với trường hợp, do đó gọi lại func2 kết thúc lên như gọi mà không this trỏ đến các trường hợp dự kiến .

Bạn có thể sửa chữa các sự thỉnh nguyện bao gồm bối cảnh:

function ctest() { 
    this.var1 = "haha"; 
    this.func1 = function() { 
     alert(this.var1); 
     func2.call(this); 
     alert(this.var1); 
    } 
    var func2 = function() { 
     this.var1 = "huhu"; 
    } 
} 

Hoặc bạn có thể giữ một biến với các tham chiếu đối tượng truy nã xung quanh:

function ctest() { 
    var that = this; 
    this.var1 = "haha"; 
    this.func1 = function() { 
     alert(this.var1); 
     func2(); 
     alert(this.var1); 
    } 
    var func2 = function() { 
     that.var1 = "huhu"; 
    } 
} 

Answer 4

Một lựa chọn khác là sử dụng Function.bind:

function ctest() { 
    this.var1 = "haha"; 
    this.func1 = function() { 
     alert(this.var1); 
     func2(); 
     alert(this.var1); 
    } 
    var func2 = function() { 
     this.var1 = "huhu"; 
    }.bind(this); 
} 

Lưu ý rằng hỗ trợ trình duyệt cho điều này không hoàn hảo.

Answer 5

Không có điều gì là riêng tư trong JS, nhưng bạn có thể chơi với phạm vi bằng cách sử dụng closures.

Ví dụ: trong ví dụ của bạn, bạn không cần phải phơi bày var1 làm tài sản công cộng. Bạn có thể dễ dàng viết lại mã của bạn như sau:

function ctest() { 
    var var1 = "haha"; 

    this.func1 = function() { 
     alert(var1); 
     func2(); 
     alert(var1); 
    } 

    var func2 = function() { 
     var1 = "huhu"; 
    } 
} 

Bởi vì cả hai func1 và func2 cổ phiếu cùng một phạm vi - chúng được định nghĩa trong cùng chức năng, ctest - họ có thể truy cập vào các biến tương tự. Tất nhiên trong trường hợp đó, bạn không có var1 được hiển thị, vì vậy: myobj.var1 sẽ là undefined.

Nếu bạn muốn var1 được tiếp xúc như bất động sản, thì những gì bạn cần là bindfunc2 với trường hợp đối tượng mà bạn đã tạo trong constructor:

function ctest() { 
    this.var1 = "haha"; 
    this.func1 = function() { 
     alert(this.var1); 
     func2(); 
     alert(this.var1); 
    } 
    var func2 = function() { 
     this.var1 = "huhu"; 
    }.bind(this); 
} 

Nếu không func2 sẽ có một đối tượng bối cảnh khác nhau (this). Nếu trình duyệt không hỗ trợ bind và bạn không muốn sử dụng một shim (như thể hiện trong các liên kết ở trên), bạn có thể tận dụng lợi thế của việc đóng cửa một lần nữa:

function ctest() { 
    this.var1 = "haha"; 
    this.func1 = function() { 
     alert(this.var1); 
     func2(); 
     alert(this.var1); 
    } 
    var context = this; 
    var func2 = function() { 
     context.var1 = "huhu"; 
    } 
} 

IMVHO ít thanh lịch.