JavaScript中const [y] = [1]声明的含义及相关学习资料推荐

const x = 1;
   

const [y] = [1]

这行代码使用的是ES2015（ES6）新增的数组解构赋值语法：

• 解构赋值的核心逻辑是按照位置匹配规则，直接从等号右侧的解构源（这里是数组[1]）中取出对应位置的值，赋值给左侧方括号内声明的变量，省去手动按索引取值的步骤。
• 具体到const [y] = [1]这行：左侧方括号内仅声明了变量y，对应匹配数组索引为0的第一个元素，右侧数组索引0位置的值为数字1，因此这行代码的实际运行效果和const y = 1;完全一致：声明一个常量y，初始值为1，声明后不允许对y重新赋值。
• 顺着这个规则可以延伸理解更复杂的数组解构写法：比如const [a, b] = [100, 200]等价于同时声明const a = 100、const b = 200；const [first, , third] = [1,2,3]会跳过数组第二个元素，将1赋值给first、3赋值给third；如果对应位置匹配不到有效值，对应变量会被赋值为undefined。

• 《JavaScript高级程序设计（第4版）》的ES6新增语法相关章节，对解构赋值的语法规则、边界情况、默认值配置、嵌套解构等用法讲解系统严谨，没有误导性内容，非常适合打牢基础。
• MDN中文文档的「解构赋值」词条，覆盖了数组解构、对象解构的所有合法用法，每个语法点都配有可直接运行的示例代码，日常开发记不清规则时查阅非常方便。
• 国内主流前端技术社区的ES6系统性入门教程，大多会结合实际开发场景讲解解构的实用写法——比如如何用解构快速提取接口返回的字段、如何简化函数参数取值逻辑，看完就能直接落地到实际编码中，不会出现学用脱节的问题。

内容的提问来源于stack exchange，提问作者Abhishek Nagarkar