Chrome 控制台中的 Javascript 解构

标签 javascript destructuring google-chrome-console

我正在 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);

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

最佳答案

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

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

let a;

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

关于Chrome 控制台中的 Javascript 解构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53436524/

相关文章:

javascript - 如何限制将可拖动元素拖放到预定义的 div 元素中?

javascript - Babel 对 ES6 对象解构的实现是否正确?

angular - Chrome 控制台 - 未捕获( promise )TypeError : this. 引擎不可迭代

javascript - 如何在 chrome 控制台中保留该功能并在重新加载页面后运行它?

javascript - 为什么 'let' 可以在 Chrome 的 devtools 控制台中重新声明? (其他浏览器不允许。)

javascript - Backbone.js 中的嵌套集合/模型 View 管理

javascript - 不使用双 & 符号的逻辑 AND 运算

javascript - 关闭选项卡时不调用useEffect清理函数

javascript - 数组解构跳过值

javascript - 使用嵌套对象和默认值进行解构