在 Javascript 中获取 Getter 函数

Question

在 JavaScript 中，可以通过以下方式创建 getter 和 setter：

function MyClass(){
 var MyField;
 this.__defineGetter__("MyField",function(){
  return MyField;
 });
 this.__defineSetter__("MyField",function(value){
  MyField = value;
 });
}

但是有没有办法获取 getter 或 setter 函数？我想到了这样的事情：

var obj = new MyClass();
obj.__getSetter__("MyField")("MyValue");

扩展基类时我需要这样的功能。例如： 类“A”具有字段“a”，类“B”从“A”扩展并且也希望具有字段“a”。 要将值从“B”对象的“a”字段传递到“A”对象的“a”字段，我需要在覆盖它们之前获取 setter/getter 函数。

Answer 1

旧方法

__defineGetter 和 __defineSetter__已被弃用。

访问这些访问器和修改器函数是通过 __lookupGetter__ 和 分别是__lookupSetter__。

例子

function MyClass() {
 var MyField
 this.__defineGetter__("MyField",function(){
  return MyField
 })
 this.__defineSetter__("MyField",function(value){
  MyField = value
 })
}

var obj = new MyClass()
obj.__lookupSetter__("MyField")("MyValue")
console.log(obj.MyField)

新方法

创建动态访问器或修改器的当前标准方法是使用 Object.defineProperty 或 Object.defineProperties。

可以使用 Object.getOwnPropertyDescriptor 和 Object.getOwnPropertyDescriptors。

例子

function MyClass() {
 let MyField
 Object.defineProperty(this, 'MyField', {
   get: () => MyField,
   set: value => {
     MyField = value
   }
 })
}

var obj = new MyClass()
Object.getOwnPropertyDescriptor(obj, 'MyField').set('MyValue')
console.log(obj.MyField)

ES6 类

请注意，即使使用 get 和 set 关键字，Object.getOwnPropertyDescriptor 也能工作，但是，如果您使用 <代码>类关键字。

在类上定义的访问器和修改器不是该类实例的“自己的属性”。相反，它们属于该类的原型（class 只是声明原型的语法糖）。

因为添加到类中的函数会添加到原型中，所以在调用 getter 或 setter 时需要注意上下文。

class MyClass {
  get MyField() {
    return this._myField
  }
  set MyField(value) {
    this._myField = value
  }
}

const obj = new MyClass()
Object.getOwnPropertyDescriptor(MyClass.prototype, 'MyField').set.call(obj, 'MyValue')
console.log(obj.MyField)

Answer 2

实际上，__lookupGetter__ 和 __lookupSetter__ 方法已弃用。您必须使用以下命令来代替这些：

/* __lookupGetter__ */
Object.getOwnPropertyDescriptor(obj, 'MyField').get;

/* __lookupSetter__ */
Object.getOwnPropertyDescriptor(obj, 'MyField').set;

Answer 3

查看lookupGetter。

Answer 4

在 Google Chrome 中，lookupGetter/lookupSetter 已损坏：http://code.google。 com/p/chromium/issues/detail?id=13175