在父级中使用 Object.assign 设置子属性答案

【问题标题】：Setting child properties with Object.assign in parent在父级中使用 Object.assign 设置子属性
【发布时间】：2020-09-08 17:16:12
【问题描述】：

我有以下代码：

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 的子类指定构造函数。

有没有办法使用父类中的单个方法为子类分配所有属性，不必明确指定每个属性？

【问题讨论】：

我无法重现您的问题。 Ctrl+Enter 并检查控制台，它看起来很好：typescript-play.js.org/?target=2#code/…
我似乎无法解决您的问题：jsfiddle.net/9h27nqLo。请注意，您的方法不是防弹的：尽管没有声明，您仍然可以在 A 类中创建一个新的 child 成员。
嗯，我会翻转一些编译器标志，看看是否有任何变化。
也许您正在使用undefined 显式初始化该字段？ Inituslizers 在基类构造函数之后运行
我刚刚又做了一次create-react-app，用npm install typescript 添加了打字稿，添加了相同的tsconfig.json，将两个类添加到test.ts 和console.log 到index.js，我又遇到了同样的问题。我现在的猜测是：1）create-react-app 配置有一些我不知道的东西，2）我的 tsconfig 有一些奇怪的设置。

标签： javascript typescript

【解决方案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;

很高兴知道。有人吗？

【讨论】：

void 0 是产生 undefined 值的最短表达式 - 它用于与仍然允许声明名为 undefined 的变量的旧 JavaScript 引擎兼容。
可能不是 webpack 而是 babel 或 typescript 来“转换”你的代码，以便它可以与支持类属性等特性的引擎兼容。 void 0 用作parent 和child，其中未定义值，因此该值设置为undefined。