ES6中没有变量声明的对象解构赋值

Question

在 ES6 中是否可以有一个解构赋值表达式而不需要声明变量？

换句话说，为什么下面的代码在语法上不正确？

（我知道有很多方法可以重写这段代码。）

'use strict';

let var1 = 'defaultVal1', var2 = 'defaultVal2';
const obj = { group: { var1: 'newVal1', var2: 'newVal2' } }
if (obj) {
  { group: { var1, var2 } } = obj; // No 'let'/'const' keyword, i.e. no redeclaration, but invalid expression
}
console.log(var1);
console.log(var2);

Answer 1

括号被解释为block statement，但你需要一个表达式。这可以通过用括号将其包裹为assignment without declaration 来存档。

'use strict';

let var1 = 'defaultVal1', var2 = 'defaultVal2';
const obj = { group: { var1: 'newVal1', var2: 'newVal2' } }
if (obj) {
  ({ group: { var1, var2 } } = obj); // No 'let'/'const' keyword, i.e. no redeclaration, but invalid expression
}
console.log(var1);
console.log(var2);

Answer 2

您可以将它们组合起来，而不是声明变量和条件解构，并使用short-circuit评估来使用回退（|| {}），然后使用defaults作为值：

'use strict';

const obj = { group: { var1: 'newVal1', var2: 'newVal2' } };

const { group: { var1 = 'defaultVal1', var2 = 'defaultVal2' } = {}} = obj || {};

console.log(var1);
console.log(var2);