從JavaScript中的私有方法訪問成員變量

Question

lick（）是Cat的私有方法。 不幸的是，無法在lick（）中訪問Cat的this.paw。 有沒有簡單的方法來創建可以訪問其包含類的成員變量的私有方法？

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="catStatus">???</p>
<script>
function Cat() {

    this.paw;

    var lick = function() {
        alert(this.paw);
        if(this.paw == "sticky") {
            alert("meow");
            document.getElementById("catStatus").innerHTML = "*Slurp*";
        }
    };

    this.beCat = function() {
        this.paw = "sticky";
        lick();
    }
}
var kitty = new Cat();
kitty.beCat();
</script>
</body>
</html>

Answer 1

值this取決於你如何調用該方法。
由於您沒有在對象實例上調用方法， this它將成為全局對象。

相反，你需要保存this一個變量：

function Cat() {
    this.paw = ...;

    var me = this;

    var lick = function() {
        alert(me.paw);
        if(me.paw == "sticky") {
            alert("meow");
            document.getElementById("catStatus").innerHTML = "*Slurp*";
        }
    };

    this.beCat = function() {
        this.paw = "sticky";
        lick();
    }
}

Answer 2

有兩種解決方法。 問題在於，lick內部的上下文不是cat的實例。 您可以：

使用call方法設置上下文

this.beCat = function() {
    this.paw = "sticky";
    lick.call(this);
};

或使用閉包

var instance = this;
var lick = function() {
    alert(instance.paw);
    if(instance.paw == "sticky") {
        alert("meow");
        document.getElementById("catStatus").innerHTML = "*Slurp*";
    }
};

Answer 3

其上下文取決於誰調用了該函數。 在這種情況下，它就是beCat。 但是，您可以使用call明確指定此范圍。

在您的情況下：

    this.beCat = function () {
        this.paw = "sticky";
        lick.call(this);
    }

或者，您可以將其存儲在變量中。

您可以在此處閱讀有關此范圍/如何工作的更多信息。

從JavaScript中的私有方法訪問成員變量

問題描述

3 個解決方案

解決方案1
2 已采納 2012-11-18 13:35:12

解決方案2
1 2012-11-18 13:38:30

解決方案3
1 2012-11-18 13:42:17

從JavaScript中的私有方法訪問成員變量

問題描述

3 個解決方案

解決方案1 2 已采納 2012-11-18 13:35:12

解決方案2 1 2012-11-18 13:38:30

解決方案3 1 2012-11-18 13:42:17

解決方案1
2 已采納 2012-11-18 13:35:12

解決方案2
1 2012-11-18 13:38:30

解決方案3
1 2012-11-18 13:42:17