如何为带多泛型参数的TypeScript类创建别名？

你遇到的问题核心是：Socket.io的Server既是TypeScript类型，也是可实例化的构造函数（值）。之前的type/interface只定义了类型，无法作为构造函数使用；class继承则因为Server的内部实现限制导致运行时错误。

解决方案：同时导出类型别名和构造函数别名 #

要同时满足类型注解和实例化需求，需要分别处理类型和值的别名：

// 导入Server的类型和构造函数
import { Server } from "socket.io";
// 导入你的事件类型定义
import type { 
  ClientToServerEvents, 
  ServerToClientEvents, 
  InterServerEvents, 
  SocketData 
} from "./path-to-your-event-types";

// 1. 定义类型别名
export type DWFServer = Server<
  ClientToServerEvents,
  ServerToClientEvents,
  InterServerEvents,
  SocketData
>;

// 2. 定义构造函数的别名（将Server断言为对应类型的构造函数）
export const DWFServer = Server as new (
  httpServer?: import("http").Server,
  options?: import("socket.io").ServerOptions
) => DWFServer;

使用方式 #

在其他包中导入后，既能用于类型注解，也能直接实例化：

import { DWFServer } from "your-shared-package";

// 类型注解
const io: DWFServer = new DWFServer();

// 带参数实例化（比如传入HTTP服务器）
import http from "http";
const httpServer = http.createServer();
const io = new DWFServer(httpServer, { cors: { origin: "*" } });

为什么之前的方法失败？ #

• type/interface方式：仅创建了类型别名，没有关联对应的构造函数值。当你尝试new DWFServer()时，TypeScript会报错，因为DWFServer只是类型，不是可执行的构造函数。
• class继承方式：Socket.io的Server内部实现可能不支持继承（比如它是工厂函数封装的类，或者包含私有成员），导致继承后的类无法正确调用原构造函数，触发运行时错误。

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