关于Array.from()可迭代对象支持及jQuery兼容Google Maps API的问题

Array.from()对可迭代对象的支持时间 #

Array.from()在**ES2015（ES6）**标准中就已明确支持可迭代对象，现代主流浏览器（Chrome、Firefox、Safari 10+、Edge等）的原生实现都包含该特性。问题通常出现在旧的polyfill或第三方库（包括某些旧版本jQuery）覆盖了原生Array.from，导致其丢失可迭代对象支持。

解决Google Maps API 3.54+与jQuery共存的报错方案 #

针对你遇到的Uncaught TypeError: this.Wg is not iterable报错，可尝试以下几种方案：

1. 恢复原生Array.from实现 #

在加载Google Maps API之前，重置Array.from为原生实现，避免被jQuery或其他库覆盖：

// 在引入Google Maps API的script标签之前添加这段代码
if (typeof Array.from !== 'function' || !Array.from.toString().includes('iterable')) {
  Array.from = window.Array.from;
}

如果是因为其他polyfill覆盖了原生方法，也可以直接强制使用原生版本：

Array.from = Object.getOwnPropertyDescriptor(window.Array, 'from').value;

2. 检查并移除冲突的polyfill #

排查项目中是否存在旧版的Array.from polyfill（比如来自es5-shim、core-js旧版本等），这类polyfill可能未实现可迭代对象支持。找到后移除或替换为符合ES2015标准的polyfill。

3. 调整脚本加载顺序 #

确保原生Array.from未被修改前就加载Google Maps API：

• 先加载浏览器原生环境（无任何polyfill/库）
• 然后加载Google Maps API
• 最后加载jQuery及其他项目依赖

4. 为jQuery添加兼容处理 #

如果上述方法无效，可在jQuery加载后重新修正Array.from：

// 加载jQuery后执行
const originalArrayFrom = Object.getOwnPropertyDescriptor(window.Array, 'from').value;
Array.from = originalArrayFrom;

5. 验证jQuery版本的兼容性 #

虽然你升级到了3.7.1，但需确认项目中是否存在其他依赖的旧版jQuery（比如某些插件自带的jQuery副本），导致全局Array.from被覆盖。可通过在浏览器控制台执行Array.from.toString()，查看输出是否包含原生实现的特征（比如提到iterable或符合ES标准的代码）。

内容的提问来源于stack exchange，提问作者Компас ООО