如何从 JavaScript 中的原型定义函数访问私有成员？

从原型定义的函数中访问私有成员变量

在 JavaScript 中，当在类的构造函数中定义方法时，可以访问 private在构造函数中声明的变量。然而，在原型上定义方法时，访问这些私有变量就出现问题了。

举例说明：

<code class="js">function TestClass() {
    var privateField = "hello";
    this.nonProtoHello = function() { alert(privateField); };
}
TestClass.prototype.prototypeHello = function() { alert(privateField); };</code>

调用 t.nonProtoHello() 可以正确访问私有 privateField，但是 t.prototypeHello () 抛出错误。这是因为原型定义的方法不是在构造函数的作用域内定义的，因此无法访问其局部变量。

不幸的是，没有办法直接从原型定义的函数访问私有变量。但是，您可以使用 getter 和 setter 实现类似的功能。

<code class="js">function Person(name, secret) {
    // Public
    this.name = name;

    // Private
    var secret = secret;

    // Public methods have access to private members
    this.setSecret = function(s) {
        secret = s;
    }

    this.getSecret = function() {
        return secret;
    }
}

// Must use getters/setters 
Person.prototype.spillSecret = function() { alert(this.getSecret()); };</code>

在此示例中，原型定义的方法可以通过 getter 和 setter 函数访问私有变量 Secret。

以上是如何从 JavaScript 中的原型定义函数访问私有成员？的详细内容。更多信息请关注PHP中文网其他相关文章！