AMD模块加载后如何访问？第三方库AMD加载场景求助

嘿，我来帮你搞定这两个AMD模块相关的问题，分两部分给你讲清楚：

你遇到的核心问题是：这个模块是匿名AMD模块——也就是define第一个参数没有指定模块名称，这种模块的标识是由它被加载的脚本路径决定的，而不是一个显式的名字，这就是你在require._defined里找不到它的原因。

要访问它，有两种靠谱的方式：

• 改成具名模块（如果能修改代码）：直接给模块加个名字，这样就能通过名字引用它：

  // 定义具名模块
  define('myTestModule', [], () => { return { thisIsMyTest: true } })
  // 之后用require加载
  require(['myTestModule'], (module) => {
    console.log(module.thisIsMyTest); // 输出true
  })
  

• 通过脚本路径加载（不能改代码时）：如果这个模块是通过某个路径的<script>插入的，比如/js/test.js，那直接用这个路径作为模块标识来require：

  require(['/js/test.js'], (module) => {
    console.log(module.thisIsMyTest); // 输出true
  })
  

至于你提到的require._defined：不同AMD加载器的内部注册表不一样，比如RequireJS的内部注册表是require.s.contexts._.defined，但这属于私有实现，不同加载器（比如curl.js）可能完全不同，绝对不建议依赖这种私有属性，用标准的require方法才是稳妥的。

这个场景太常见了——第三方脚本一般是UMD格式，会自动检测环境：如果发现AMD加载器存在，就用define导出模块，不会挂到window上；非AMD环境才会暴露全局变量。要拿到这个模块，推荐这几个方案：

方案1：用AMD的require直接加载（最标准可靠） #

既然第三方脚本是AMD兼容的，直接用require加载它的URL就行，不用手动插入<script>：

require(['//some/3rdparty/lib.js'], (Lib) => {
  // 这里的Lib就是原本要挂到window.Lib的对象
  console.log(Lib);
});

注意：如果是跨域脚本，部分AMD加载器可能需要额外配置（比如RequireJS要设置crossOrigin: true），但现代加载器大多已经支持直接加载跨域AMD模块了。

方案2：临时劫持define，把模块挂到window上 #

如果你必须用插入<script>的方式（比如有严格的加载顺序要求），可以在加载第三方脚本前，临时替换全局的define函数，把它导出的模块手动挂到window上：

// 先保存原始的define方法，避免影响其他模块
const originalDefine = window.define;

// 劫持全局define
window.define = function(deps, factory) {
  // 处理UMD的常见格式：如果第一个参数是函数，说明无依赖
  if (typeof deps === 'function') {
    factory = deps;
    deps = [];
  }
  // 执行工厂函数，拿到模块实例
  const Lib = factory();
  // 把模块挂到window上，还原你熟悉的全局变量
  window.Lib = Lib;
  // 恢复原始的define，保证后续模块正常工作
  window.define = originalDefine;
  // 别忘了调用原始define，让模块正常注册到AMD系统里
  originalDefine(deps, factory);
};

// 然后加载第三方脚本
const libScript = document.createElement('script');
libScript.type = 'text/javascript';
libScript.src = '//some/3rdparty/lib.js';
libScript.onload = () => {
  // 现在window.Lib就可以正常访问了
  console.log(window.Lib);
};
document.head.appendChild(libScript);

如果第三方模块有依赖，这个简单版本可能需要调整（比如调用require获取依赖再传给factory），但大部分UMD格式的第三方库要么无依赖，要么会自己处理依赖，这个方案基本能覆盖大部分场景。

方案3：修改AMD加载器配置（可控站点适用） #

如果能提前配置站点的AMD加载器（比如RequireJS），可以用shim配置强制把模块导出到全局，但这个方案需要你能修改站点的加载器配置，如果你无法控制当前站点，这个方法就不适用了。

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