javascript - 如何通过解构赋值将数据绑定(bind)到这个？

Question

我想通过解构赋值给this对象添加新的key和value，但是报错了:

Uncaught SyntaxError: Unexpected token :

让我们看看我的例子，假设我有 obj 数据对象:

const obj = {
    'a':'1',
    'b':'2',
    'c':'3',
};

现在我想将这些数据绑定(bind)到 this 对象，这意味着我们想要:

console.log(this.a); //=> "1"

所以对于解构赋值，我这样写:

{
    a: this.a,
    b: this.b,
    c: this.c,
} = obj;

但它出错了:

Uncaught SyntaxError: Unexpected token :

我不使用 const、let 或 var，因为 this 对象已经声明。我怎样才能达到我的愿望？是否可以通过解构赋值实现？

简单地通过正常分配是可能的:

this.a = obj.a;
this.b = obj.b;
this.c = obj.c;

我只想修改新的漂亮的 JavaScript 代码。

Answer 1

您需要括号来区分销毁对象和 block 语句。

({
    a: this.a,
    b: this.b,
    c: this.c,
} = obj);