__defineGetter__ 的简洁替代品？

Question

getter 和 setter 是 VB.Net 中的一个美妙之处：

Get
    Return width
End Get
Set(ByVal value As Integer)
    width = value
End Set

在 Javascript 中，这可能就是我们会做的：

function Test() {
    var width = 100;
    this.__defineGetter__("Width", function() {
        return width;
    });
    this.__defineSetter__("Width", function(value){
        width = value;
    });
}

它看起来像一盘被 kuri 洗劫一空的意大利面条。我们有哪些更简洁的选择？

_{注意：新代码应使用 new Test().Width 而不是 new Test().Width() 访问该值。}

Answer 1

使用 ES5，您将能够执行以下操作：

function Test() {
  var a = 1;

  return {
    get A() { return a; },
    set A(v) { a = v; }
  };
}

getter/setter 函数当然可以执行您希望它们执行的任何操作。

Answer 2

这是一个干净的替代方案（也适用于较旧的脚本引擎）：

function Test() {
  var a=1;
  return { A: { toString: function(){return a;} } };
}

alert(Test().A); //=> 1

请注意，您不能使用它来定义私有/静态复杂结构。您只能使用此模式“获取”字符串或数字（因此不可变变量）。也许可以使用 json 来增强该模式。

[编辑] 使用 json，您还可以通过这种方式为对象创建 getter：

function Test() {
  var a=1,
  b = {foo:50, bar:100};

  return { 
          A: { toString: function(){return a;} } 
          foobar: { toString: function(){return JSON.stringify(b);}  } 
         };
}
var foobar = JSON.parse(Test().foobar);
alert(foobar.foo); //=> 50

Answer 3

在 Ecmascript5 中，“干净”（且符合标准）的方法是使用 DefineProperty。

function Test() {
    var a = 1;
    Object.defineProperty(this, "A", {get : function() { 
            return a;
        },  
        enumerable : true});
}

这假设您只想了解如何定义 getter。如果您想做的只是使 Test 的实例不可变（尽可能做到这一点是一件好事），那么您应该使用 freeze 来实现这一点：

function Test() {
    this.a = 1;
    Object.freeze(this);
}