为何RequireJS中声明的函数无法在浏览器控制台调用？

嘿，这个问题我太熟悉了！核心原因是RequireJS的模块化机制默认会将模块内的函数封装在私有作用域中，不会自动暴露到全局window对象上——哪怕模块加载后内部已经执行了这些函数，外部（比如浏览器控制台）也没法直接访问到它们。

你提到刷新页面能打印Hi f1.和Hi f2.，这说明模块本身已经成功加载，并且内部主动调用了这两个函数，但这是模块内部的执行逻辑，和“全局可调用”完全是两码事。

具体解决方案分两种场景： #

1. 遵循模块化规范（推荐），通过RequireJS加载模块后调用

这种方式不会污染全局作用域，符合RequireJS的设计初衷：

• 首先确保你的模块文件（对应Vendor_mo...的那个文件）是标准的RequireJS模块写法，导出需要外部访问的函数：

  define([], function() {
      function f1() {
          console.log("Hi f1.");
      }
      function f2() {
          console.log("Hi f2.");
      }
  
      // 页面加载时自动执行（这就是你刷新能看到打印的原因）
      f1();
      f2();
  
      // 导出函数，供外部通过模块引用访问
      return {
          f1: f1,
          f2: f2
      };
  });
  

• 之后在浏览器控制台，用RequireJS的require方法加载模块并调用：

  require(['module'], function(module) {
      module.f1(); // 成功调用f1
      module.f2(); // 成功调用f2
  });
  

  这里的'module'对应你requirejs-config.js里map配置的别名，和你写的map: {'*': {module: 'Vendor_mo...'}}完全对应。

2. 强制挂载到全局作用域（不推荐，仅特殊场景用）

如果一定要在控制台直接打f1()就能调用，可以在模块内部把函数挂载到window对象上：

define([], function() {
    function f1() {
        console.log("Hi f1.");
    }
    function f2() {
        console.log("Hi f2.");
    }

    f1();
    f2();

    // 挂载到全局window，让控制台能直接访问
    window.f1 = f1;
    window.f2 = f2;

    return {
        f1: f1,
        f2: f2
    };
});

这样刷新页面后，直接在控制台输入f1()就能执行了，但这种方式会污染全局命名空间，容易引发变量冲突，非必要不建议使用。

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