JavaScript中未用方括号的数组赋值行为及变量undefined原因解析

你写的这段代码：

let a = [1, 2, 3];
let b , c, d = a;
console.log(b);
console.log(c);
console.log(d);

执行后b和c为undefined，d等于数组a，本质是JavaScript的多变量声明规则和解构赋值语法的区别导致的。

一、当前代码的执行逻辑 #

在JavaScript里，用let同时声明多个变量时，语法是let 变量1, 变量2, 变量3;，如果要给变量赋值，需要单独指定每个变量的值，或者仅给部分变量赋值。

你的代码let b , c, d = a;完全等价于：

let b; // 仅声明，未赋值，默认值为undefined
let c; // 仅声明，未赋值，默认值为undefined
let d = a; // 声明同时赋值为数组a的引用

这里并没有触发数组解构——解构赋值必须用[]包裹变量，才能将数组元素对应分配给变量。当前写法只是普通的多变量声明，只有d被赋予了a的引用，b和c仅完成声明但未初始化，所以它们的默认值是undefined。

二、解构赋值的区别 #

你提到的正确写法let [b, c, d] = a;是ES6引入的数组解构赋值，它的逻辑是将数组a的索引0元素赋值给b，索引1元素赋值给c，索引2元素赋值给d，等价于：

let b = a[0];
let c = a[1];
let d = a[2];

此时b、c、d才会分别得到1、2、3。

三、未赋值变量为undefined的原因 #

JavaScript规定，用let声明变量但不赋值时，变量会处于「已声明但未初始化」的状态，此时访问变量会返回undefined。这和Python的逻辑不同——Python中未赋值的变量直接访问会直接报错，这也是你产生困惑的核心原因之一。

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