Chrome 控制台中的 Javascript 解构

Question

我正在 Chrome 的控制台选项卡中尝试使用以下代码进行 JavaScript 解构，这给了我未捕获的语法错误:标识符“a”已被声明异常

o = { a: "foo", b: 12, c: "bar" };
let { a, b } = o;
console.log(a);
console.log(b);

output:
foo
12

但只需更改变量名称，它就可以正常运行，如下所示，

o = { p: "foo", q: 12, r: "bar" };
let { p, q } = o;
console.log(p);
console.log(q);

谁能解释一下为什么会发生这种情况？

Answer 1

嗯，第一次都工作正常，问题是你多次执行代码。下次您将遇到该错误，因为在您之前执行代码时已经定义了 var。

尝试以下操作。打开新的 Chrome 浏览器并在 URL 中输入 about:blank。类型

let a;

在控制台中输入两次，你会得到相同的错误