在父级

Question

我有以下代码：

export class A {
    parent?: string;

    constructor(attrs: object = {}) {
        Object.assign(this, attrs);
    }
}

export class B extends A {
    public child?: string;
}

console.log(new B({parent: "1", child: "2"}));
// Results in:
// Object {parent: "1", child: undefined}

父类中的Object.assign未在子类中设置任何属性。我不想为每个调用super和另一个Object.assign的子类都指定一个构造函数。

是否有某种方法可以使用父类中的单个方法分配子类上的所有属性，而不必明确地指定每个属性？

Answer 1

在Node和React应用程序中运行上面的代码肯定有区别。

这是在Node中运行的已编译代码（可以正常工作）：

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.A = void 0;
class A {
    constructor(attrs = {}) {
        Object.assign(this, attrs);
    }
}
exports.A = A;
class B extends A {
}
console.log(new B({ parent: "1", child: "2" }));

这是在浏览器中运行的webpack中的代码（无法正常工作）。

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "A", function() { return A; });
class A {
  constructor(attrs = {}) {
    this.parent = void 0;
    Object.assign(this, attrs);
  }

}

class B extends A {
  constructor(...args) {
    super(...args);
    this.child = void 0;
  }

}

console.log(new B({
  parent: "1",
  child: "2"
}));

我也不知道为什么webpack会这样做

this.child = void 0;

很高兴知道。有人吗？