如何访问JavaScript嵌套函数？调用fun1.example()报错问题排查

嘿，我来帮你搞清楚这个问题～你遇到的错误核心是调用方式不对，咱们一步步拆解：

为什么fun1.example()会报错？ #

你写的fun1是一个普通函数，而example是定义在fun1内部的局部函数——它并不是fun1这个函数对象本身的属性。只有当你**执行fun1()**的时候，它才会返回一个包含example方法的对象。直接用fun1.example()相当于在找函数fun1自身的example属性，而这个属性根本不存在，所以报错fun1.example is not a function。

正确的调用方式 #

根据你当前的代码结构，你需要先调用fun1()获取它返回的对象，再调用这个对象上的example方法：

// 1. 调用fun1()得到返回的对象
const fun1Result = fun1();
// 2. 调用对象上的example方法
fun1Result.example();

// 也可以简化成一行：
fun1().example();

如果想直接用fun1.example()调用，怎么改？ #

如果你希望不用调用fun1()就能直接访问example，可以把example挂载到fun1函数本身作为静态属性，而不是定义在函数内部：

function fun1() {
  // some code here
}

// 将example作为fun1的属性
fun1.example = function() {
  // some code here
  console.log("我是静态方法example");
};

// 现在就能直接调用了
fun1.example();

两种方式的区别 #

• 第一种方式（原代码结构）：每次调用fun1()都会创建一个新的example函数实例，属于闭包模式，example可以访问fun1内部的局部变量，适合需要封装内部状态的场景。
• 第二种方式（静态方法）：example是fun1函数对象的公共属性，所有调用共享同一个函数实例，无法访问fun1内部的局部变量，适合不需要依赖内部状态的工具方法。

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