在严格模式下实现智能/自覆盖/惰性获取器[重复]

Question

在 JavaScript 中，惰性 getter 可以提高性能。
一些解释可以在这里找到：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#Smart_self-overwriting_lazy_getters

如何让惰性吸气剂在严格模式下工作？
此 JavaScript 代码不起作用：

'use strict'

function Obj(x) {
    this.x = x
}

Obj.prototype = {
    get y() {
    delete this.y
    return this.y = this.x + 1
  }
}

let obj = new Obj(100)

console.log('100 + 1 = ', obj.y)

它给出以下错误：TypeError: setting getter-only property "y"

如果我删除“使用严格”，则代码可以正常工作。
如何让它在严格模式下工作？

Answer 1

delete 关键字与您的想法不同 - it only deletes own properties。然而Obj.prototype.y 和obj.j 之间有一个重要的区别。

在obj 上使用的getter 中使用delete this.y 不会删除任何内容，因为obj 没有y 属性。

之后，您尝试在 getter 中分配给 obj.y。这不起作用 - 已经有一个继承的 y 访问器属性，因此它将调用它的设置器而不是创建新属性。您可以在使用 getter 后通过检查 obj 进行检查 - 它现在实际上没有 y: 101 属性，使用 obj.y 将再次运行 getter。

严格模式和草率模式之间的区别只是缺少的 setter 要么会导致异常，要么会被忽略。

要解决此问题，请删除 delete 语句 - 它不起作用，而且您也不想删除 Obj.prototype.y getter，它应该继续在其他 Obj 实例上工作。相反，您将希望使用 obj 的自己的 y 属性来隐藏它。你可以使用Object.defineProperty(this, "y", {value: this.x+1})。