ES6中没有变量声明的对象解构分配

ax1*_*mx2 1 javascript ecmascript-6 ecmascript-next

是否可以在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);

Run Code Online (Sandbox Code Playgroud)

Nin*_*olz 5

方括号被解释为block语句,但是您需要一个表达式。可以通过用括号将其包装起来作为未声明赋值来存档。

'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);
Run Code Online (Sandbox Code Playgroud)

  • @Rajesh`var1`只是上面声明的变量。 (2认同)