配置属性隐藏

Question

开始在JavaScript中使用已配置的对象时，有些东西给我带来了一些问题。

看看这段代码：

function Monster() {
}

function Animal() {
  Object.defineProperty(this, "name", {
    set: function(n) {  },
    get: function() { return "Jim"; } // hard-coded to demonstrate problem
  });
}

Monster.prototype = new Animal();

var monster = new Monster();
monster.name = "John";
monster.name // Still returns Jim. I need to assign the property to THIS object, so Jim is shadowed by John.

正如注释所说，这是输出"Jim"，因为getter是硬编码返回的。

我不想每次调用monster.name时都改变我的原型-我想在我的怪物实例上有一个新的阴影属性。我怎么能做到这一点？

Answer 1

使属性可配置：

function Animal() {
  Object.defineProperty(this, "name", {
    configurable: true,
    set: function(n) {  },
    get: function() { return "Jim"; } // hard-coded to demonstrate problem
  });
}

Monster.prototype = new Animal();

var monster = new Monster();
Object.defineProperty(monster, 'name', {writable: true})
monster.name = "John";
monster.name

Answer 2

你在getter函数中硬编码了"Jim“，所以不管是什么，它总是会返回"Jim”。您需要将属性的值存储在局部变量中，并从该变量中获取它：

function Animal() {
  var myName = "Jim";
  Object.defineProperty(this, "name", {
    set: function(n) { myName = n },
    get: function() { return myName; }
  });
}

Answer 3

我不完全确定你期望它是如何工作的。毕竟，setter什么也不做，getter返回一个常量。

为什么不干脆这么做呢？

function Animal() {
    this.name = "Jim";
}

然后您可以执行以下操作：

var monster = new Monster();
monster.name = "John";
monster.name // John