2020年新年大赛！

Question

Nikita

Asked:2022-07-11 18:04:13 +0000 UTC2022-07-11 18:04:13 +0000 UTC 2022-07-11 18:04:13 +0000 UTC

为什么这里会抛出错误？

为什么我不能dinner以这种方式将对象的属性分配给对象的属性obj？

let dinner = {
  drink: 'cola', 
  food: 'cake'
};

let obj = {};
{obj.one, obj.two} = dinner;

Grundy · Answer 1 · 2022-07-11T19:11:03Z

Best Answer

Grundy

在这种情况下有几个问题：

模板中没有到源的属性映射。{obj.one, obj.two}此模板未指定如何将数据映射到变量。要解决它，指定特定字段就足够了：{ drink: obj.one, food: obj.two }
大括号使用的歧义，在这种情况下，它们不被视为对象字面量，或用于匹配的模式，而是被视为代码块。为了更正它，将整个表达式放在括号中就足够了。({...} = source)

如果你修复了这些缺点，代码就会开始工作：

let dinner = {
  drink: 'cola',
  food: 'cake'
};

let obj = {};

({
  drink: obj.one,
  food: obj.two
} = dinner);

console.log(obj)

为避免歧义，您可以使用数组解构

let dinner = {
  drink: 'cola',
  food: 'cake'
};

let obj = {};

[obj.one, obj.two] = [dinner.drink, dinner.food];

console.log(obj);