JavaScript的私有函數訪問公共變量

Question

我有這個類：

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

，並稱之爲：

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

是不應該的是，第二次警報會彈出「忽忽」？ func2是私有的，它不能訪問var1公共變量嗎？

如果一個私有函數不能訪問一個公共變量，我該怎麼做呢？

在此先感謝！

Answer 1

您需要提供呼叫上下文來func2：

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

沒有上下文的通話將使用全局對象（即window） - 你應該看到當您運行當前的代碼，window.var1是在兩個警報之間創建。

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"; 
    } 
} 

而且還有其他的方式來解決這個問題，檢查其他答案:)

Answer 3

功能不依賴於實例，因此您的func2調用最終成爲不調用指向this與預期實例。

您可以修復的調用，包括上下文：

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

或者你可以保持一個變量通緝對象引用各地：

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

另一種選擇是使用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); 
} 

請注意，瀏覽器對此的支持並不完美。

Answer 5

在JS中沒有私人的東西，但是您可以使用closures與示波器一起玩。

比方說，在你的例子中，你不需要公開var1作爲公共財產。你可以很容易地重寫代碼爲如下：

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

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

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

因爲無論func1和func2股範圍相同 - 他們是在同一個函數定義，ctest - 他們可以訪問相同的變量。當然在這種情況下，您沒有var1暴露，所以：myobj.var1將undefined。

如果你想var1暴露財產，那麼你需要的是bindfunc2你在構造函數創建的對象實例：

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

否則func2將有不同的上下文對象（this）。如果瀏覽器不支持bind，你不想使用墊片（如上面的鏈接），你可以再次採取封閉的優勢：

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是那麼優雅。