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

我正在 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 中有什么聪明的方法可以做到这一点吗？

您不能使用 spread 将属性添加到existing目的。没有电流syntax做事的方式；相反，使用Object.assign:

Object.assign(this, data);

Example （在 JavaScript 中）:

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

注意Object.assign does a 浅拷贝的属性。所以如果其中之一data的属性指的是一个对象，即参考被复制过来，并且两者data and 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

如果您需要一个deep复制，复制的地方data还制作了一份副本data.obj, see 这个问题的答案.