javascript - 在 JavaScript 对象中实现 setter 和 getter

Question

我想在本地实现 setter 和 getter
javascript 变量。这是一个示例函数:

function someThing() {
   var someLocalvariable = '';
}

// with this function I want to 
// return value of someLocalvariable
// also if it is possible to implement
// setter in this way. 
someThing.prototype.getLocalVar = function() {

}

我希望变量“真正”私有(private)。我不会
使用这样的东西:
someThing.prototype.someLocalvariable =

或者

function someThing() {
   this.someLocalvariable = '';
}

或在 someThing() 中附加函数，如下所示:

function someThing() {
      var someLocalvariable = '';
   this.getLocalvariable = function() {
      return someLocalvariable;
   }
}

我将非常感谢任何指导和帮助。

Answer 1

你不想做的最后一个例子不起作用(它有语法错误)，(它已被修复)但我认为你可能指的是通常的做法，即制作 getter 和 setter构造函数中的闭包(如下)。

不幸的是，如果您想要真正的私有(private)变量，这只是您唯一的选择。没有其他方法可以获得真正私有(private)的、特定于实例的变量。但是，请参阅下面的“hack”。

这是执行此操作的通常方法的正确版本(我认为您说您不想要，但为了完整起见):

function SomeThing() {
    var privateVar;

    this.setPrivateVar = function(val) {
        privateVar = val;
    };
    this.getPrivateVar = function() {
        return privateVar;
    };
}

// use:
var t = new Something();
t.setPrivateVar("foo");
console.log(t.getPrivateVar()); // "foo"

像大多数人一样，我第一次在 Douglas Crockford's site 上阅读了这种模式。 .

这个选项确实有一个缺点:每个实例都是通过 SomeThing 创建的。构造函数有自己的两个函数。它们不能在实例之间共享。所以如果有成百上千的 SomeThing您的应用程序中的实例，这是从内存的 Angular 考虑的事情。如果有几百个或更少，那可能没关系。 (这些数字是从帽子里拿出来的，你不应该相信它们，当/如果有某种问题时，你必须检查你的代码的内存使用情况；但你明白了。)

技巧:如果您的实例上已经有某种唯一标识符作为公共(public)数据(或者您愿意添加一个，那么它将再次公开)，并且如果您愿意添加相当多的复杂性使用实例，您可以拥有一个私有(private)缓存来保存只有您的代码可以访问的所有实例的数据，并通过对象的唯一标识符键入该缓存。像这样(在这个例子中，我分配了 id 值，但是如果你有它们，你可以使用现有的唯一 ID):

var SomeThing = (function() {
    var cache = {}, idAllocator = 0;

    function SomeThing() {
        this.id = ++idAllocator; // The unique identifier, can be a string if desired
        cache[this.id] = {};
    }
    SomeThing.prototype.getPrivateVar = function() {
        var data = cache[this.id];
        return data && data.privateVar;
    };
    SomeThing.prototype.setPrivateVar = function(value) {
        cache[this.id].privateVar = value;
    };
    SomeThing.prototype.destroy = function() {
        delete cache[this.id];
    };

    return SomeThing;
})();

以下是它的工作原理:所有函数都是 cache 上的闭包。外部作用域函数中的局部变量。我们使用对象的唯一 ID 对其进行索引，这为我们提供了一个放置私有(private)数据成员的对象。当使用实例的代码完成使用它时，该代码必须调用 destroy (这是该模式的主要缺点)所以我们从 cache 中删除私有(private)数据对象通过删除我们的 id 的属性.

注意事项和费用:

您仍然有一个公共(public)数据，它是您私有(private)数据的关键(上面的 id)

SomeThing 创建的实例的用户必须调用destroy在他们完成后的那些实例上。这是对 JavaScript 垃圾处理工作方式的诅咒，但它是上述模式的要求，因为否则你最终会在 cache 中建立杂乱无章的内容。目的。

(我不会担心这个)最终，如果您使用自动 id上面的值，如果您的应用程序创建和销毁大量此类实例，您将用完它们。但是 JavaScript 数字确实很高，如果这是一个问题，只需找到一种不同的方式来分配 ID，而不是上面简单的不断增加的系统。

我还没有在我的工作中使用上面的模式，但我希望它有成千上万的用例 SomeThing实例，因此希望不具有每个实例的功能。

旁注:在上面，我更改了 someThing至 SomeThing .在 JavaScript 中，标准做法是普通函数的名称以小写字母开头，构造函数的名称(与 new 一起使用的函数)以大写字母开头。由于 SomeThing旨在与 new 一起使用，我加盖了。这只是约定，但它是一种非常流行的约定，当然，它在语言定义本身中使用( Date 是构造函数， setHours 是函数)。