如何将扩展运算符与“this”一起使用？

Question

我在 TypeScript 中定义一个类。 因此，使用扩展运算符我可以发出这样的问题：

class Foo {
  constructor(data: IDataStructure){
      const { ...k } = data; // and then k has taken over all the properties of data. Great!
  }

  public render () {

    return(<div/>

   );
  }
}

现在，我想做同样的事情，但不是将属性放在k 中，而是放在正在创建的当前对象中。 IE。我想做类似const { ...this } = data; 这样的事情在 Typescript 中有什么聪明的方法吗？

Answer 1

您不能使用展开向现有 对象添加属性。目前没有 syntax 方法可以做到这一点；相反，使用Object.assign:

Object.assign(this, data);

示例（在 JavaScript 中）：

class Example {
    constructor(data) {
        Object.assign(this, data);
    }
}
const e = new Example({answer: 42});
console.log(e.answer); // 42

注意Object.assign 做了属性的浅拷贝。因此，如果data 的属性之一引用了一个对象，那么reference 会被复制过来，data 和this 都将引用同一个对象：

const data = {
    answer: 67,
    obj: {
        prop: "value"
    }
};
Object.assign(this, data);
console.log(this.obj === data.obj); // true, it's a shallow copy, they both refer
                                    // to the same object

如果您需要深度副本，其中复制data 也会复制data.obj，请参阅this question's answers。