为什么构造函数属性返回整个类块？

Question

为什么类实例的构造函数属性包含整个类的主体，而不仅仅是构造函数？

// given: 
class C {
  constructor() {
    this.data = 'some data'
  }
  fn() {
    console.log('in fn')
  }
}
const c = new C()

c.__proto__.constructor
// returns
// class C {
//   constructor() {
//     this.data = 'some data'
//   }
//   fn() {
//     console.log('in fn')
//   }
// }

Object.getPrototypeOf(c).constructor
// returns
// class C {
//   constructor() {
//     this.data = 'some data'
//   }
//   fn() {
//     console.log('in fn')
//   }
// }

c.constructor
// returns 
// class C {
//   constructor() {
//     this.name = 'some data'
//   }
//   fn() {
//     console.log('in fn')
//   }
// }

我认为它只会返回实际的构造函数。据我了解，在 ES2015 之前，在扩展“类”之后，构造函数将被重置为子类的函数体，例如：

function Parent() { console.log('function body parent') }
function Child() { console.log('function body child') }
Child.prototype = Object.create(Parent.prototype); 
Child.prototype.constructor = Child; // reset

但是，我在这里有点困惑，因为试图在这里查看构造函数只会让我得到 [native code]

Object.getPrototypeOf(Child).constructor
ƒ Function() { [native code] }

Answer 1

你是对的，在这两种情况下.constructor 只是指构造函数。

为什么类实例的构造函数属性包含整个类的主体，而不仅仅是构造函数？

控制台试图帮助你，如果你告诉它记录一个构造函数，它也会显示原型的方法。 （它可能会使用一些内部属性来确定该函数是否是使用class 创建的，并据此以不同方式显示该函数）。如果您在使用class创建的构造函数上调用Function#toString()，您可以观察到相同的行为。

我在这里有点困惑，因为试图在这里查看构造函数只会让我得到 [native code]

Object.getPrototypeOf(Child) 让您感到困惑，因为您在构造函数本身而不是在实例上调用它。并且 * 构造函数* 直接继承自 Function，除非它是使用 class 创建的子类，否则会发生一些神奇的事情来设置 prototype（而不是 .prototypeproperty ) 的 * 构造函数* 到 超类构造函数 （继承静态属性）。