Javascript getter/setter 范围访问 [重复]

Question

我正在尝试使用带有经典原型继承的 JS，而不是新的 ES6 类模型，主要是为了能够访问闭包范围。

在下面的示例中，我想通过new 运算符创建的this 对象暴露在函数Counter 中声明的变量current。

function Counter(start, stop) {
  var current = start;

  function inc() { if (current < stop) return current++ }

  function getCurrent() { return current }

  Object.assign(this, { inc, getCurrent,
    get current() { return current }, set current(value) { current = value }
  })
}

counter = new Counter(0, 3)

while ((v = counter.inc()) !== undefined)
   console.log(counter.getCurrent(), counter.current)

我希望得到以下输出：

1 1 
2 2
3 3

因为counter.current 和counter.getCurrent() 应该都返回相同的结果。但相反，我收到了

1 0 
2 0
3 0

如果我用下面的代码替换 Object.assign(...)，它会按预期工作。

  Object.assign(inc, getCurrent })
  Object.defineProperty(Counter.prototype, 'current',
    { get: () => { return current }, set: (value) => { current = value } 

我可以使用这个模型，（并且目前正在使用），但我想使用前者，因为它更简单且不那么冗长。这里似乎有2个不同的范围。

我使用节点 10、Chrome 73 和 Firefox 68 进行了测试，并收到了相同的结果。

我在这里缺少什么？

---

在上面的例子中，我尽量做到简洁。但为了更准确和更好地说明这一点，请进行更完整的测试，并附上一些我尝试过的评论。

在这里，我将变量 current 重命名为 _current 以避免与 current 属性混淆，但这不应该是强制性的。

function Counter(start, stop) {
  var _current = start;
  function inc() { if (_current < stop) return _current++ }
  function getCurrent() { return _current }

  // Object.assign(this.constructor.prototype,
  // Object.assign(this.__proto__,
  // Object.assign(Counter.prototype, {

  Object.assign(this, {inc, getCurrent,
    get current() { return _current }, set current(value) { _current = value }
    // get current() { return current } // supposed to be read-only, but not
  })

  // This works as expected
  // Object.defineProperty(Counter.prototype, 'current',
  //   { get: () => { return _current }, set: (value) => { _current = value } })
}

counter = new Counter(0, 3)

while ((v = counter.inc()) !== undefined) {
  console.log(counter.getCurrent(), counter.current)
  counter.current -= 0.5
}

上面代码的输出是：

1 0
2 -0.5
3 -1

counter.current -= 0.5 在哪里存储它的值？

Answer 1

当您的代码调用Object.assign() 时，它会传入一个对象，该对象具有current 的getter 和setter。因此，Object.assign() 进程在将属性值复制到新对象时，本身将调用该 getter 以获取属性“current”的值。因此，Counter 对象最终没有 getter 和 setter，这解释了您的结果。它的“计数器”属性只是一个简单的属性，其中包含构造函数代码运行时本地 counter 变量的值的副本。

Object.assign() 只是复制属性值，以与任何其他代码相同的方式访问它们。

请注意，如果您不根本不调用Object.assign()，而只是返回您传递给它的对象，您将获得一个行为与您预期一样的工作对象。