class 成员的对象解构

Question

使用 ES6，我有一个 class，我在其中定义了一些变量和一个函数，该函数将接受一个对象并将我的变量赋值给它的值。这是重复的，那么有什么办法可以使用解构分析来实现这一点吗？

class BasicDataMgmt {

  public id: number;
  public name: string;
  public email: string;
  public phone: string;
  public type: string;

  fetchData(data) {
    this.id = data.id;
    this.name = data.name;
    this.email = data.email;
    this.phone = data.phone;
    this.type = data.type;
  }

}

Answer 1

可以

  fetchData(data) {
    Object.assign(this, data);
  }

用于未清理的数据。或者

  fetchData({ id, name, ... }) {
    Object.assign(this, { id, name, ... });
  }

用于清理数据。

使用 Lodash _.pick 在这里有益于执行 Object.assign(this, _.pick(data, ['id', 'name', ...]))。

class 成员的对象解构

object destructuring on class members

destructuring

ecmascript-6