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>

Result

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

或者您可以将其存储在变量中。

您可以详细了解此范围/工作原理here。

从JavaScript中的私有方法访问成员变量

3 个答案: