javascript - 为什么使用模板字符串时对象解构赋值会抛出错误？

Question

在 JavaScript 中，可以通过对象解构来分配变量，如下所示：

let a = {b: 2};
let {b} = a;
console.log(b); // 2

有时需要访问的属性不是有效的变量名，在这种情况下，可以传递一个替代标识符：

let a = {'words with spaces': 2};
let {'words with spaces': words_without_spaces} = a;
console.log(words_without_spaces); // 2

这适用于单引号字符串和双引号字符串。但是，尝试对模板字符串执行完全相同的操作时会引发错误：

let a = {'words with spaces': 2};
let {`words with spaces`: words_without_spaces} = a;
     ^^^^^^^^^^^^^^^^^^^

SyntaxError: Unexpected template string

为什么在这里使用模板字符串会导致错误，而其他字符串不会？我知道模板字符串可以预先定义为一个变量，然后使用计算属性括号传递，但我只是好奇上述代码不起作用的原因是什么。

标签： javascriptsyntaxtemplate-strings

Answer 1

语言语法允许对象初始值设定项中的属性名称或赋值的解构左侧是字符串文字而不是模板。这就是语法的定义方式。