如何在JavaScript的一个函数中调用另一个函数的结果或访问其变量？

当然有办法解决这个问题！JavaScript里函数内部的变量默认属于私有作用域，不过我们可以通过几种常见的方式来暴露这些变量或者获取函数执行的结果，下面结合示例给你讲解：

方法1：让目标函数返回包含变量的结果 #

最简单的方式就是让目标函数把你需要的tab变量（或者包含它的对象）作为返回值，这样调用函数后就能直接拿到：

// 定义目标函数，返回内部的tab变量或相关结果
function targetFunction() {
  const tab = "这是目标函数里的tab变量值";
  // 如果需要返回多个值，可以封装成对象
  return {
    tab,
    status: "函数执行完成"
  };
}

// 调用函数的调用者函数
function callerFunction() {
  // 调用目标函数并接收返回结果
  const functionResult = targetFunction();
  // 直接访问返回对象里的tab变量
  console.log("拿到的tab变量：", functionResult.tab);
  // 也可以直接只返回tab变量，简化写法：const tab = targetFunction();
}

callerFunction();

方法2：用闭包封装并暴露访问接口 #

如果目标函数需要维持状态（比如tab变量需要在多次调用间保留值），闭包是非常合适的方案，我们可以封装一个模块，暴露获取或修改tab的方法：

// 用闭包创建一个tab管理模块
function createTabModule() {
  let tab = "初始tab值"; // 私有变量，外部无法直接访问

  // 暴露获取tab的方法
  function getTabValue() {
    return tab;
  }

  // 暴露修改tab的方法
  function setTabValue(newValue) {
    tab = newValue;
  }

  // 也可以直接把tab作为属性暴露（如果允许外部直接修改的话）
  return {
    getTab: getTabValue,
    setTab: setTabValue,
    tab // 直接暴露变量，外部可以直接读写
  };
}

function callerFunction() {
  const tabModule = createTabModule();
  console.log("初始tab值：", tabModule.getTab());
  tabModule.setTab("更新后的tab值");
  console.log("修改后的tab值：", tabModule.tab);
}

callerFunction();

方法3：使用类（ES6+）封装状态和方法 #

如果你的业务逻辑比较复杂，可以用ES6的类来封装，把tab作为实例的属性，这样调用目标方法后可以直接访问实例上的tab：

class TabHandler {
  constructor() {
    this.tab = "类实例初始的tab值";
  }

  // 目标方法，处理tab逻辑
  processTab() {
    // 这里可以添加你的业务逻辑
    this.tab = "经过处理后的tab值";
    return this.tab;
  }
}

function callerFunction() {
  const handler = new TabHandler();
  // 调用目标方法并获取结果
  const processResult = handler.processTab();
  console.log("方法执行结果：", processResult);
  // 直接访问实例上的tab属性
  console.log("实例的tab变量：", handler.tab);
}

callerFunction();

注意事项 #

如果目标函数完全没有暴露内部的tab变量（既不返回，也不通过闭包/类暴露），那外部是无法直接访问这个私有变量的，这时候你需要修改目标函数的代码结构，通过上面的方式把变量暴露出来。

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