Promise函数中全局变量targets变为undefined问题求助

这种坑我之前踩过好几次！全局定义的targets数组在externalConverter里正常可用，但到Promise回调里就变成undefined，大概率是这几个原因，咱们一步步拆解：

1. 全局变量被意外修改/销毁 #

这是最常见的情况——在externalConverter执行完到Promise回调触发的这段异步间隙里，有其他代码悄悄改动了targets：

• 比如后续代码直接把targets赋值为undefined，或者用let/const重新声明了同名变量（哪怕是全局作用域，let/const的重新声明会覆盖之前的变量绑定）；
• 甚至可能出现delete targets这种直接删除全局变量的操作。

2. 第三方库隐式污染全局作用域 #

有些第三方库的实现不够严谨，可能会在内部不小心修改全局变量。比如externalConverter里的某些逻辑，错误地把浏览器环境的window.targets或者Node.js环境的global.targets设成了undefined。

3. 作用域绑定的特殊情况 #

如果你的代码是在ES模块环境中，所谓的“全局作用域”其实是模块级作用域，用let/const声明的变量不会自动挂载到全局对象上。如果Promise回调是在另一个模块或者特殊上下文里执行，就可能访问不到这个变量。

排查与解决方法 #

先做排查：

1. 在调用externalConverter(targets)之后立刻打印console.log(targets)，确认此时变量值是否正常；
2. 在Promise回调的第一行同时打印targets和全局对象上的对应属性（浏览器用window.targets，Node.js用global.targets），看看是不是全局变量本身消失了；
3. 全局搜索代码中所有修改targets的地方，排查有没有意外赋值或重新声明的逻辑。

针对性解决：

• 防止变量被意外修改：在传给第三方库之前，先深拷贝一份数组，回调里用拷贝后的变量：

  // 深拷贝（如果数组里没有复杂引用类型，浅拷贝用[...targets]也可以）
  const safeTargets = JSON.parse(JSON.stringify(targets));
  externalConverter(safeTargets)
    .then(result => {
      console.log(safeTargets); // 这里不受全局变量修改影响
    });
  

• 隔离作用域避免污染：把targets放到局部作用域里，彻底避免全局污染：

  (function() {
    const targets = [/* 你的数组内容 */];
    externalConverter(targets)
      .then(result => {
        console.log(targets); // 局部变量不会被外部代码修改
      });
  })();
  

• 确保全局变量可访问：如果是模块环境，显式把变量挂载到全局对象上：

  // 浏览器环境
  window.targets = [/* 你的数组 */];
  // Node.js环境
  global.targets = [/* 你的数组 */];
  

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