从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