ES6单行多变量/对象属性赋值：Node交互与脚本运行差异及修复

问题背景 #

这段涉及单行多赋值和对象属性解构赋值的代码，在Node.js交互式环境（REPL）中能正常执行，但作为脚本运行或通过ESLint检查时会出现报错。Node.js版本为v16.18.1。

测试代码 #

// test.js
let a = b = "-"
console.log(a, b)
[a, b ] = ['abc', 'def']

const h = {a:"1", b:"2"}
console.log(h, h.a)
[h.a, h.b ] = ['abc', 'def']
console.log(h.a)

交互式环境运行结果 #

> a = b = "-"
'-'
> console.log(a, b)
- -

> [a, b ] = ['abc', 'def']
[ 'abc', 'def' ]
> console.log(a, b)
abc def

> h = {a:"1", b:"2"}
{ a: '1', b: '2' }
> h
{ a: '1', b: '2' }
> [h.a, h.b ] = ['abc', 'def']
[ 'abc', 'def' ]
> h.a
'abc'

原因分析 #

1. 隐式全局变量的差异 #

Node.js的交互式环境（REPL）会自动将未声明的变量挂载到全局对象（globalThis），所以代码中let a = b = "-"里的b会被隐式声明为全局变量，不会触发报错。

但在脚本模式下，Node.js默认会执行更严格的变量检查（ESLint也会检测这类问题），b属于未提前声明的标识符，直接赋值会抛出ReferenceError: b is not defined。

2. 解构赋值的依赖问题 #

[a, b] = ['abc', 'def']本身语法合法，但如果a、b未被正确声明，脚本模式下同样会因为未定义变量报错；而[h.a, h.b] = [...]本身没有语法问题，因为h已经用const声明，问题主要来自前面未声明的变量导致的连锁错误。

修复方案 #

1. 显式声明所有变量 #

将隐式赋值的变量提前声明，避免隐式全局变量：

// 方式1：先声明再赋值
let a, b;
a = b = "-";

// 方式2：更清晰的分步声明赋值
let b = "-";
let a = b;

2. 确保解构赋值的变量已存在 #

对于数组解构赋值，确保左侧的变量已经被let/const声明过；对象属性的解构赋值无需额外操作，只要对象本身已声明即可。

3. 启用严格模式（可选） #

在脚本顶部添加'use strict';，提前发现隐式全局变量这类潜在问题，避免后续bug。

修复后的完整代码 #

'use strict';

let a, b;
a = b = "-";
console.log(a, b);
[a, b] = ['abc', 'def'];
console.log(a, b);

const h = {a:"1", b:"2"};
console.log(h, h.a);
[h.a, h.b] = ['abc', 'def'];
console.log(h.a);

修复后的代码可以在脚本模式下正常运行，且能通过ESLint检查。

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