在扩展 Object 的 JavaScript ES6 类的构造函数中调用 super()

Question

在下文中，我试图创建一个 Object 的子类，它的行为类似于 Object 在使用“new”创建实例方面的行为。我当然会向我的子类添加更多方法，但下面显示了我从构造函数中调用超级构造函数的问题。

为什么我的 Sub 类的实例没有像普通 Object 那样的字段“x”，当以相同的方式创建时，使用具有相同参数的“new”？

class Sub extends Object
{ constructor (anObject)
  { super(anObject);
  }
}
var ob  = new Object ({x: 123} );
var sub = new Sub    ({x: 123} );
console.log( ob.x ); // -> 123
console.log( sub.x); // -> undefined

Answer 1

基本上，因为Object 是特殊的，并且遵循不同的规则，因为它几乎是 JavaScript 中最基本的构造。

不要扩展Object，只需在没有超类的情况下创建它（因为无论如何它都会是一个对象）并使用Object.assign(this, obj) 将所有属性分配给新创建的对象。

class Sub {
  constructor(obj) {
    Object.assign(this, obj);
  }
}

console.log(new Object({a: 1}));
console.log(new Sub({a: 1}));