解构并分配给新变量同时不起作用

时间:2016-01-18 13:58:29

标签: javascript ecmascript-6 destructuring

我正在尝试解构对象并同时将其分配给新变量:

let {x} = a = {x: 'cool'};
console.log(a, x);

输出:

//Object { x: "cool" } cool - in Firefox
//ReferenceError: a is not defined - in Chrome, babel-node

为什么存在差异以及正确的行为是什么?

更新:

这可能是更通用的用例。虽然这适用于所有环境:

var a = b = {x: 'cool'};

此声明在chrome / babel-node中无效:

var {x} = a = {x: 'cool'}; //SyntaxError: Unexpected token {

使用var代替let时,也会出现不同的错误消息。

1 个答案:

答案 0 :(得分:1)

在您的代码中,未定义alet a = b = c未定义b。你需要说

let a = {x: 1}, {x} = a;

Firefox并不支持let,所以我想知道你的例子是如何在那里工作的。请参阅https://kangax.github.io/compat-table/es6/