TypeScript多类共享函数中调用类参数的类型定义与命名规范

问题1：如何为responsibleClass指定类型 #

你可以通过定义约束静态成员的接口实现类型标注，操作如下：

1. 先声明接口，把所有需要调用的类静态方法、静态属性都定义在接口中：

// 约束类的静态结构
interface IPlatformRenderer {
  someMethod: () => void;
  // 后续需要调用的其他静态方法可在此处补充
}

2. 把函数参数的any替换为该接口即可：

export function performAction(action: Action, responsibleClass: IPlatformRenderer) {
  switch (action) {
    // ...
    default:
      responsibleClass.someMethod(); // 此处会自动生成类型提示，类型错误也会提前校验
      break;
  }
}

如果不同场景需要的静态成员组合不同，也可以拆分为多个小接口，用交叉类型组合使用，灵活度更高。

问题2：responsibleClass的命名建议 #

原有命名语义通顺，结合前端/TS社区通用命名习惯和你的业务场景，更简洁的可选命名如下：

• 侧重场景属性：PlatformClass、RendererClass，直接体现它是对应平台/渲染器的类
• 侧重功能属性：ActionHandler、ResponsibleConstructor，直接体现它的作用是处理动作的构造函数
• 极简风格：HostClass，对应多端宿主的业务属性

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