JavaScript中跨词法作用域访问函数：如何让f2()访问内部函数f1()？

好问题！咱们先拆解下你当前代码的问题所在：f1 是定义在 factory 函数（也就是那个传给IIFE的匿名函数）内部的私有函数，词法作用域决定了只有 factory 内部的代码能直接访问它——而你传给 m.f2 的回调函数，它的作用域链里并没有 factory 的作用域，所以自然找不到f1。

下面给你几个不同场景下的解决方案：

方案1：将f1暴露到exports（最直接的方式） #

如果允许f1被外部访问，直接把它加到exports里就行，这样回调里就能通过m.f1访问：

修改后的完整代码：

(function(global, factory) { global.m = {}; factory(global.m); })(this, (function(exports) { 
  function f1() { return "f1"; }; 
  function f2(f) { return f.call(null, "f2"); }; 
  exports.f1 = f1; // 新增这行，把f1暴露到m对象上
  exports.f2 = f2; 
})) 

调用方式：

m.f2(function(a) { return a + m.f1() }) // 现在可以正常访问f1了

原理：f1成为了m对象的公开方法，符合词法作用域规则，外部代码能通过全局暴露的m对象访问到它。

方案2：利用闭包让f2传递f1给回调（不暴露f1） #

如果不想把f1暴露给外部，可借助闭包特性——f2本身定义在factory内部，它能直接访问f1，所以可以修改f2的逻辑，把f1作为参数传给回调函数：

修改后的完整代码：

(function(global, factory) { global.m = {}; factory(global.m); })(this, (function(exports) { 
  function f1() { return "f1"; }; 
  // 修改f2，调用回调时额外传入f1
  function f2(f) { return f.call(null, "f2", f1); }; 
  exports.f2 = f2; 
})) 

调用方式：

m.f2(function(a, f1) { return a + f1() }) // 这里的f1就是内部的私有函数

原理：f2保留了对factory内部作用域的引用（闭包特性），所以能访问f1，再把它传递给外部传入的回调——既满足了回调访问f1的需求，又保持了f1的私有性。

方案3：让回调函数直接在factory作用域内定义（适合固定回调场景） #

如果你的回调逻辑不需要外部动态传入，也可以直接把它写在factory内部，这样它自然能访问f1：

修改后的完整代码：

(function(global, factory) { global.m = {}; factory(global.m); })(this, (function(exports) { 
  function f1() { return "f1"; }; 
  function f2(f) { return f.call(null, "f2"); }; 
  exports.f2 = f2; 

  // 在factory内部定义调用逻辑，回调直接访问f1
  exports.getResult = function() {
    return f2(function(a) { return a + f1() });
  }
})) 

调用方式：

console.log(m.getResult()); // 输出"f2f1"

原理：回调函数的词法作用域包含了factory的作用域，所以能直接访问f1，不需要额外传递或暴露，适合回调逻辑固定的场景。

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