forEach循环中使用构造函数创建对象后无法访问的问题求助

嘿，这个坑我之前踩过！你说得没错，问题根源就是forEach的回调函数有自己的作用域——你在回调里创建的对象，只在回调执行的那段时间存在，回调结束后就没法从外部直接获取了，所以日志才会显示undefined。

解决方法其实很简单：把创建的对象存到一个外部作用域的容器里（比如数组），这样回调执行完后，这些对象依然保存在容器中，外部就能轻松访问了。

举个具体的例子：

假设你的构造函数和原始数据是这样的：

// 示例构造函数
function User(username, email) {
  this.username = username;
  this.email = email;
}

// 原始的对象数组，用来批量生成实例
const userData = [
  { username: "john_doe", email: "john@example.com" },
  { username: "jane_smith", email: "jane@example.com" }
];

方法1：用forEach配合外部数组存储 #

先在外部声明一个空数组，然后在forEach回调里创建对象并推到这个数组中：

// 外部数组，用来保存所有创建的实例
const userInstances = [];

userData.forEach(data => {
  // 创建实例
  const newUser = new User(data.username, data.email);
  // 把实例存到外部数组里
  userInstances.push(newUser);
});

// 现在外部就能访问所有实例了！
console.log(userInstances); // 输出两个User对象实例，不再是undefined

方法2：用map更简洁（推荐） #

如果你只是想把原始数组转换成构造函数实例数组，map方法会更合适——它本身就会返回一个新数组，不需要额外声明空数组：

const userInstances = userData.map(data => new User(data.username, data.email));

// 直接访问这个数组即可
console.log(userInstances);

为什么之前的代码不行？ #

之前你应该只是在forEach里执行了new User(...)，但没有把这个实例赋值给外部变量或者存储到容器里。回调函数执行完毕后，这个临时创建的对象没有被任何外部变量引用，就会被JavaScript的垃圾回收机制清理掉，所以外部自然拿不到，日志输出undefined。

只要把实例存储到外部作用域的容器中，就能保留这些对象的引用，外部也就可以正常访问啦！

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