如何扩展从其他模块导入的JavaScript函数？以require.js的loader为例

针对你遇到的问题，核心是在不修改原require.js的前提下扩展其loader函数，同时处理原内部函数loadjsfile无法访问的情况，这里提供两种可行方案：

方案1：原模块导出可访问的loader和辅助函数 #

如果require.js是以AMD模块形式编写，并且导出了loader（或同时导出loadjsfile），可以直接在require-json.js中导入原模块进行包装扩展：

原require.js的AMD模块示例（假设结构） #

define(function() {
  function loadjsfile(url, callback) {
    // 原JS文件加载逻辑：创建script标签/XHR加载等
  }

  function loader(url, callback) {
    loadjsfile(url, callback);
  }

  // 导出供外部扩展使用
  return { loader: loader, loadjsfile: loadjsfile };
});

require-json.js中的扩展代码 #

define(['require'], function(requireCore) {
  // 保存原loader的引用
  const originalLoader = requireCore.loader;

  // 定义扩展后的loader
  function extendedLoader(url, callback) {
    // 判断文件类型是否为JSON
    if (/\.json$/.test(url)) {
      // 实现JSON文件加载逻辑
      const xhr = new XMLHttpRequest();
      xhr.open('GET', url, true);
      xhr.responseType = 'json';
      
      xhr.onload = function() {
        if (xhr.status >= 200 && xhr.status < 300) {
          callback(null, xhr.response);
        } else {
          callback(new Error(`加载JSON失败：HTTP状态码 ${xhr.status}`));
        }
      };
      
      xhr.onerror = function() {
        callback(new Error(`加载JSON时发生网络错误：${url}`));
      };
      
      xhr.send();
    } else {
      // 非JSON文件，沿用原loader的JS加载逻辑
      originalLoader(url, callback);
    }
  }

  // 替换原模块的loader
  requireCore.loader = extendedLoader;
  // 导出扩展后的loader供其他模块使用
  return { loader: extendedLoader };
});

方案2：全局暴露loader时的Monkey Patch（猴子补丁） #

如果require.js将loader暴露在全局作用域（比如window.requireLoader），但loadjsfile是内部闭包无法访问，那就直接包装全局的loader函数，对JSON文件单独处理，JS文件仍调用原loader：

require.js的全局暴露示例（假设结构） #

(function() {
  function loadjsfile(url, callback) {
    // 原JS加载逻辑
  }

  // 暴露到全局
  window.requireLoader = function(url, callback) {
    loadjsfile(url, callback);
  };
})();

require-json.js中的扩展代码 #

// 保存原全局loader的引用
const originalLoader = window.requireLoader;

// 重写全局loader
window.requireLoader = function(url, callback) {
  if (/\.json$/.test(url)) {
    // 使用fetch API加载JSON（也可以用XHR）
    fetch(url)
      .then(res => {
        if (!res.ok) throw new Error(`HTTP错误：${res.status}`);
        return res.json();
      })
      .then(data => callback(null, data))
      .catch(err => callback(err));
  } else {
    // 委托原loader处理JS文件
    originalLoader(url, callback);
  }
};

注意事项 #

• 确保require-json.js在require.js之后加载，这样才能获取到原loader的引用
• JSON加载逻辑要处理各种错误场景：网络失败、HTTP错误、JSON解析失败
• 如果原loader有额外参数（比如配置项），扩展后的函数要兼容这些参数，避免破坏原有逻辑

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