0

在 JS 中，如果我使用构造函数创建一个新对象，并访问原型对象，我可以看到原型具有的任何属性。（在代码中会更清楚）：

function F() {
  this.attr = 42;
} 
F.prototype.foo = function() {
  return 'life';
}

$> let f = new F();
undefined
$> f
F { attr: 42 }
$> Object.getPrototypeOf(f)
F { foo: [Function] }

在这里一切都很好。

现在，我将使用类语法来创建相同的场景

class C {
  constructor() {
    this.attr = 42;
  }
  foo() {
    return 'life';
  }
}

$> let c = new C()
undefined
$> c
C { attr: 42 }
$> Object.getPrototypeOf(o)
C {}

结果C {}让我很困惑。我的属性在哪里？foo它不在c对象中，但似乎不在我的C原型中！

4

1 回答 1

3

最有可能的问题是您的控制台在显示对象时不包含不可枚举的属性。

在第一种情况下，您通过赋值创建属性，因此它们是可枚举的：

Object.getOwnPropertyDescriptor(F.prototype, 'foo').enumerable; // true

但在第二种情况下，它们不是

Object.getOwnPropertyDescriptor(C.prototype, 'foo').enumerable; // false

这就是为什么你永远不应该相信控制台中的对象表示。如果您想列出对象的所有自己的属性，这可能会起作用：

Object.getOwnPropertyNames(C.prototype); // [ "constructor", "foo" ]

如果您的控制台也无法正确显示阵列，您可能希望加入该阵列。

于 2016-09-09T18:05:27.153 回答