JavaScript如何通过for循环批量生成带唯一属性的独立命名克隆变量

不推荐在业务代码中批量创建顶层独立具名变量（如car1~car5），这类写法会污染全局作用域、引发变量冲突。可根据场景选择以下实现方案：

方案1：动态生成全局具名变量（仅临时调试用，不推荐业务代码使用） #

利用全局对象的属性规则：全局变量本质是globalThis（通用适配浏览器/Node.js环境）的属性，可通过方括号语法动态生成指定名称的变量：

// 基础汽车配置（和你原有代码保持一致）
const baseCar = {
  brand: 'Ford',
  model: '556',
  licensePlate: 55554
}

for (let i = 1; i <= 5; i++) {
  // 浅克隆基础对象
  const clonedCar = Object.assign({}, baseCar);
  // 计算对应车牌：car1车牌为55554，依次递增
  clonedCar.licensePlate += i - 1;
  // 动态挂载为全局变量，生成 car1~car5 共5个变量
  globalThis[`car${i}`] = clonedCar;
}

// 循环结束后可直接访问对应变量
console.log(car1); // {brand: 'Ford', model: '556', licensePlate: 55554}
console.log(car5); // {brand: 'Ford', model: '556', licensePlate: 55558}

注意该方案的缺陷：

• 变量会直接挂载到全局作用域，极易和第三方库、其他业务代码的变量名冲突
• 在ES Module、严格模式、CommonJS模块环境中，该写法不会生成真正的全局变量，会直接报错或失效

方案2：用容器对象/数组存储实例（推荐，无全局污染） #

不需要手动创建独立变量，用数组或普通对象统一存储所有汽车实例，既可以实现批量生成，也方便后续遍历、修改。

2.1 数组存储（按索引访问） #

const baseCar = {
  brand: 'Ford',
  model: '556',
  licensePlate: 55554
}

// 批量生成5个汽车实例存入数组
const carList = Array.from({ length: 5 }, (_, idx) => {
  const clonedCar = Object.assign({}, baseCar);
  clonedCar.licensePlate += idx;
  return clonedCar;
});

// 访问对应实例：carList[0] 对应需求里的car1，carList[1]对应car2，以此类推
console.log(carList[0]); // {brand: 'Ford', model: '556', licensePlate: 55554}

2.2 对象存储（按键名访问，符合car1/car2的命名习惯） #

const baseCar = {
  brand: 'Ford',
  model: '556',
  licensePlate: 55554
}

const carContainer = {};
for (let i = 1; i <= 5; i++) {
  const clonedCar = Object.assign({}, baseCar);
  clonedCar.licensePlate += i - 1;
  // 把实例存入容器，键名为car1~car5
  carContainer[`car${i}`] = clonedCar;
}

// 访问时通过容器的键名取值即可
console.log(carContainer.car1); // {brand: 'Ford', model: '556', licensePlate: 55554}
console.log(carContainer.car3); // {brand: 'Ford', model: '556', licensePlate: 55556}

原代码问题说明 #

你原代码中循环内用let声明的car1属于块级作用域变量，每次循环都会创建一个独立的作用域实例，循环结束后这些变量会被销毁，因此你无法在循环外部访问到，这就是你感知到“变量被覆盖”的核心原因。

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