拆分类方法到外部文件后遭遇TypeScript this上下文错误

你遇到的错误是因为调用getForm()时没有正确绑定BusinessLayer实例的this上下文，导致函数内部的this类型为void，不符合函数定义中要求的BusinessLayer类型。以下是几种可行的解决方法：

方法1：调用时用call绑定this #

在BusinessLayer的execute方法中，通过call将当前实例的this传递给getForm函数，强制指定函数的执行上下文：

// BusinessLayer.ts
async execute(arg1: number, arg2: string) {
  const { dependencies, formTree } = await getForm.call(this);

  // ... 剩余业务逻辑
  return result;
}

这样getForm内部的this就会指向当前的BusinessLayer实例，类型完全匹配要求。

方法2：重构getForm为纯函数（推荐） #

避免依赖this上下文，把需要的依赖作为参数传入，让函数更纯粹、更易测试和维护：

修改getForm.ts：

// getForm.ts
import type { ICacheLayer, IRepositoryLayer } from './interfaces'; // 替换为你的接口定义路径

async function getForm(cacheLayer: ICacheLayer, databaseLayer: IRepositoryLayer) {
  const formFromCache = await cacheLayer.getFormFromCache();
  if (formFromCache) {
    return formFromCache;
  }

  const formFromDB = await databaseLayer.getFormFromDatabase();
  if (!formFromDB) {
    throw new Error("Form Not Found");
  }

  const formValue = formFromDB.value;
  return formValue;
}

export default getForm;

在BusinessLayer中调用时传入依赖：

// BusinessLayer.ts
async execute(arg1: number, arg2: string) {
  const { dependencies, formTree } = await getForm(this.cacheLayer, this.databaseLayer);

  // ... 剩余业务逻辑
  return result;
}

这种方式消除了对this的依赖，同时也避免了潜在的上下文绑定问题，代码的可复用性和测试性更佳。

方法3：将getForm作为类的成员方法（备选） #

如果可以接受调整代码结构，将getForm作为BusinessLayer的私有方法，也能彻底解决上下文问题：

// BusinessLayer.ts
class BusinessLayer {
  constructor(
    protected cacheLayer: ICacheLayer,
    protected databaseLayer: IRepositoryLayer,
    protected serviceLayer: IServiceLayer,
  ) {}

  private async getForm() {
    const formFromCache = await this.cacheLayer.getFormFromCache();
    if (formFromCache) {
      return formFromCache;
    }

    const formFromDB = await this.databaseLayer.getFormFromDatabase();
    if (!formFromDB) {
      throw new Error("Form Not Found");
    }

    const formValue = formFromDB.value;
    return formValue;
  }

  async execute(arg1: number, arg2: string) {
    const { dependencies, formTree } = await this.getForm();

    // ... 剩余业务逻辑
    return result;
  }
}

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