在JavaScript对象中实现setter和getter

Geo*_*mov 5 javascript getter-setter

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

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() {

}
Run Code Online (Sandbox Code Playgroud)

我想变量'真的'私有.我不会使用这样的东西:someThing.prototype.someLocalvariable =

要么

function someThing() {
   this.someLocalvariable = '';
}
Run Code Online (Sandbox Code Playgroud)

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

function someThing() {
      var someLocalvariable = '';
   this.getLocalvariable = function() {
      return someLocalvariable;
   }
}
Run Code Online (Sandbox Code Playgroud)

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

T.J*_*der 13

你不想做的最后一个例子是不行的(它有语法错误), (它已被修复)但我认为你可能已经意味着这样做的常用方法,即制作getter和setter构造函数中的闭包(如下).

不幸的是,如果你想要真正的私有变量,这只是你唯一的选择.没有其他方法可以获得真正私有的,特定于实例的变量.但是,请参阅下面的"黑客".

这是通常的做法的正确版本(我认为你说你不想要,但为了完整性):

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"
Run Code Online (Sandbox Code Playgroud)

像大多数人一样,我首先在Douglas Crockford的网站上阅读过这种模式.

这个选项确实有缺点:通过SomeThing构造函数创建的每个实例都有自己的两个函数.它们不能在实例之间共享.因此,如果SomeThing您的应用程序中将有数百或数千个实例,那么从内存角度考虑这一点.如果有几百个或更少,那可能无关紧要.(这些数字是从帽子中拉出来的,你不应该相信它们,当你出现某种问题时,你必须检查代码的内存使用情况;但是你明白了.)

黑客攻击:如果你的实例已经有一些独特的标识符作为公共数据(或者你愿意添加一个,那么它将是公开的),如果你愿意添加一些复杂的在使用实例时,您可以拥有一个私有缓存,用于保存只有您的代码可以访问的所有实例的数据,并通过对象的唯一标识符键入该缓存.像这样(在这个例子中,我正在分配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;
})();
Run Code Online (Sandbox Code Playgroud)

这是如何工作的:所有函数都是cache外部作用域函数中局部变量的闭包.我们使用对象的唯一ID对其进行索引,这为我们提供了一个对象,我们将其放在私有数据成员上.当使用实例的代码完成后,该代码必须调用destroy(这是此模式的主要缺点),因此我们cache通过删除我们的属性来删除私有数据对象id.

警告和费用:

  • 您仍然拥有公共数据,这是您的私人数据的关键(id在上面)
  • 创建的实例的用户SomeThing 必须destroy在完成这些实例后调用这些实例.这是JavaScript的垃圾处理工作方式的诅咒,但它是上述模式的要求,否则你最终会在cache对象中建立起来.
  • (我不担心这个)最终,如果你使用id上面的自动值,如果你的应用创建并销毁了很多这些实例,你将会用完它们.但是JavaScript的数字确实非常高,如果这是一个问题,只需找到一种不同的方式来分配ID,而不是上面简单的常设增长系统.

我还没有在我的工作中使用上面的模式,但是我希望它有一些用例,它涉及数千个SomeThing实例,因此不希望有每个实例的功能.


附注:在上面,我改someThingSomeThing.在JavaScript中,标准做法是将普通函数的名称以小写字母开头,并将构造函数的名称(与之一起使用的函数new)以大写字母开头.既然SomeThing是打算使用new,我限制它.这只是惯例,但它是一个非常受欢迎的惯例,当然,它在语言定义本身中使用(Date是一个构造函数,setHours是一个函数).