Angular单元测试：如何获取void类型函数内部的局部变量进行测试

核心前提 #

TypeScript/JavaScript 遵循函数作用域规则，函数内部定义的局部变量默认是私有状态，外部执行环境无法直接访问。要验证内部变量的值，你可以通过以下几种方案实现，推荐优先选择低侵入、符合测试最佳实践的方案。

方案1：调整代码可测性（最推荐） #

通过极小的代码改造，将需要验证的变量对外暴露，不影响原有生产逻辑：

• 改造为返回值：如果不影响原有逻辑，直接把局部变量作为函数返回值即可
  改造后的函数代码：

// 原有逻辑完全不变，仅新增返回语句
save(){
  const stringTest="test";
  return stringTest;
}

对应测试代码：

test("variable should be equal to \"test\" ", () => {
  const result = component.save();
  expect(result).toBe("test");
});

• 挂载到类实例属性：如果save是类的方法，可以把变量挂载到实例的私有约定属性上，避免对外暴露公共API
  改造后的函数代码：

save(){
  const stringTest="test";
  // 下划线前缀为业界通用的私有属性约定，生产环境不会被外部随意调用
  this._internalTestString = stringTest;
}

对应测试代码：

test("variable should be equal to \"test\" ", () => {
  component.save();
  expect(component._internalTestString).toBe("test");
});

方案2：通过测试工具插桩获取 #

如果无法修改业务代码，可以通过测试工具的代码插桩能力劫持函数作用域，获取内部变量，以Jest生态的babel-plugin-rewire/ts-rewire为例：
测试代码示例：

import rewire from 'rewire';
// 引入组件所在的模块
const componentModule = rewire('./your-component-path');

test("variable should be equal to \"test\" ", () => {
  let capturedString: string;
  // 劫持save方法，执行原有逻辑的同时捕获内部变量
  const originSave = componentModule.prototype.save;
  componentModule.prototype.save = function() {
    originSave.call(this);
    // 通过rewire提供的__get__方法获取函数内部变量
    capturedString = componentModule.prototype.save.__get__('stringTest');
  }
  component.save();
  expect(capturedString).toBe("test");
});

注意：该方案属于侵入式改写函数实现，后续业务代码修改后测试同步维护成本较高，仅建议临时调试使用。

方案3：测试变量关联的副作用（单元测试最佳实践） #

单元测试的核心是验证函数的对外行为，而非内部实现细节。如果stringTest会触发后续副作用（比如调用接口、修改全局状态、渲染到视图），可以直接验证对应的副作用结果，不需要直接获取内部变量：
示例：如果stringTest是作为接口请求的参数，你可以mock请求库，验证传参是否符合预期

import axios from 'axios';
jest.mock('axios');

test("variable should be equal to \"test\" ", () => {
  component.save();
  // 验证axios.post被调用时的传参符合预期
  expect(axios.post).toHaveBeenCalledWith(expect.anything(), expect.objectContaining({
    content: 'test'
  }));
});

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