创建对象后如何在变量上使用 get 运算符？

Question

我最近在此处问了一个问题，我发现我可以使用{get a() {return 'whatev'}} 控制获取和设置变量时发生的情况。

我想知道在创建变量后是否/如何可以做到这一点，就像这样，除了这不起作用：

abc=new Object();
abc._a = NaN;
abc.get a() {
return abc._a;
}
abc.set a(i) {
abc._a=i;
}

在另一个问题中，它只向我展示了在创建新对象时如何做到这一点：

abc = {
  _a:NaN;
  get a() {
    return _a;    
    }
  set a(i) {
    _a=i;
    }
  }

编辑： 我在 https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/defineGetter，它可以工作，但它说它是非标准的。有没有更标准的方法？

Answer 1

get 和 set 是对象初始值设定项的一部分。它们不是对象的属性，因此以后无法添加。

有关详细信息，请参阅 ECMAScript 1.5，第 11.1.5 节对象初始化程序。

Answer 2

非标准 __defineGetter__ 和大多数浏览器都支持 __defineSetter__ （Mozilla、WebKit 和 Opera，但不包括 IE）。它们会执行您想要的操作，并且是最受支持的选项（无需使用显式的 getX() 和 setX() 方法替换您的属性）。示例：

var o = {};
o._a = "foo";

o.__defineGetter__("a", function() {
    return this._a;
});

o.__defineSetter__("a", function(val) {
    return this._a = val;
});

alert(o.a);  // "foo"
o.a = "bar";
alert(o._a); // "bar

更新：

注意，现在执行此操作的正确方法是使用 Object.defineProperty 或 Object.defineProperties。

Answer 3

只有 ES5（ECMAScript Edition 5）支持 getter 和 setter。不幸的是，ES5 还没有被任何浏览器完全实现，只是部分实现。

当前的 Javascript 实现不支持 getter 和 setter，不支持标准或跨浏览器方式。抱歉，您必须编写显式的 getA 和 setA 函数。

这是 ES3 中推荐的方法（适用于所有现代浏览器，甚至在 IE6 中），使用闭包：

var abc = (function () {
  var a = NaN;
  return {
    getA: function () {
        return a;
    },
    setA: function (value) {
        a = value;
    }
  };
})();

这将为您提供变量 abc 中的对象，其中包含两个函数：getA() 和setA(value)。获得 a 的唯一方法是通过这两种方法。

abc.getA()
// NaN

abc.setA(25);
abc.getA();
// 25

a 变量本身对外界是隐藏的，因为它只存在于用于创建对象的匿名函数的范围内。