以编程方式添加和删除智能Getter

Question

我正在尝试从对象中添加和删除(用于缓存目的(getters。我正在添加这样的getter：

Object.defineProperty(obj, 'text', {
  get: getter
})

obj.text仅在第一次访问时才评估，并为后续呼叫进行了计算的值。

https://developer.mozilla.org/en-us/docs/web/javascript/Reference/functions/get显示如何实现这样的智能Getter：

get notifier() {
  delete this.notifier;
  return this.notifier = document.getElementById('bookmarked-notification-anchor');
}

但是，我无法在我的getter功能中使用delete this.text。我发现，this是对象的原型而不是实例的原型 - 是正确的吗？如果是这样，如何删除实例的getter并将其替换为计算值？

编辑：

根据评论，getter和对象看起来像这样：

var obj = {}
obj.value = '2018-04-21T12:00:00Z000'
Object.defineProperty(obj, 'text', {
  get: function () {
    delete this.text  // doesn't seem to work
    if (this.value == null) return ''
    var text = this.value.split('T')[0].split('-').reverse().join('.')
    this.text = text
    return text // return this.text ends in Maximum call stack size exceeded
  }
})

Answer 1

您需要使属性可配置，以便可以删除它：

var obj = {value: '2018-04-21T12:00:00Z000'};
Object.defineProperty(obj, 'text', {
  get: function () {
    delete this.text
    if (this.value == null) return ''
    var text = this.value.split('T')[0].split('-').reverse().join('.')
    console.log("updating")
    this.text = text
    return text
  },
  configurable: true
//^^^^^^^^^^^^^^^^^^
});
console.log("first access");
console.log(obj.text);
console.log("second access");
console.log(obj.text);

---

除此之外，如果您对原型对象的属性有问题，则不能删除它，而需要使用defineProperty来遮盖它。

Answer 2

我发现的是，这是对象的原型，而不是实例...

不在您显示的代码中，除非您奇怪地调用它。

一种方法是使用Object.defineProperty重新定义属性。

所以，例如，如果您在一次性对象上进行此操作：

var obj = {
  get notifier() {
    var value = Math.random();
    console.log("Getter called");
    Object.defineProperty(this, "notifier", {
      value: value
    });
    return value;
  }
};
console.log("First use");
console.log(obj.notifier);
console.log("Second use");
console.log(obj.notifier);

或不是一次性：

function Maker() {
}
Object.defineProperty(Maker.prototype, "notifier", {
  get: function() {
    var value = Math.random();
    console.log("Getter called");
    Object.defineProperty(this, "notifier", {
      value: value
    });
    return value;
  },
  configurable: true
});
var obj = new Maker();
console.log("First use");
console.log(obj.notifier);
console.log("Second use");
console.log(obj.notifier);

---

我一直坚持上面的ES5级内容，因为您似乎没有使用任何ES2015 功能。