为什么类在javascript中第一次返回空原型对象？

Question

我在下面有一个代码，正如你第一次看到console.log类的原型时，它返回空，但是这个类的新对象实际上可以响应那些方法，然后我在原型中添加函数并带来新对象成功，如何解释？

代码库

class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
  
  get area() {
    return this.calcArea()
  }

  calcArea() {
    return this.height * this.width;
  }
}

console.log(Polygon.prototype)

polygon = new Polygon(222,122)
console.log(polygon.area)
console.log(polygon.calcArea())

Polygon.prototype.test = function(){ return "test"}
console.log(Polygon.prototype)
console.log(polygon.test())

输出

Polygon {}
27084
27084
Polygon { test: [Function] }
test

Answer 1

怎么解释？

通过class 语法创建的方法/属性是non-enumerable，您记录值的环境似乎没有显示不可枚举的属性。 console.log 没有标准化，所以不同环境下的输出是不同的。

通过赋值创建一个属性总是会创建一个可枚举的属性。

class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }

  get area() {
    return this.calcArea()
  }

  calcArea() {
    return this.height * this.width;
  }
}
Polygon.prototype.test = function(){ return "test"}

// Note the different values for `enumerable`
console.log(Object.getOwnPropertyDescriptor(Polygon.prototype, 'calcArea'));
console.log(Object.getOwnPropertyDescriptor(Polygon.prototype, 'test'));