TypeScript创建不同泛型数组：如何兼顾ESLint与类型检查？

核心问题分析 #

你的TableColumnConfig<T>类中，format和sort方法的参数属于逆变位置，这意味着TableColumnConfig<number>无法直接赋值给TableColumnConfig<unknown>（逆变要求泛型参数更具体，而非更宽泛）。而使用any虽然能绕过类型检查，但会触发ESLint的no-explicit-any规则。

可行解决方案 #

1. 类型断言配合unknown数组 #

将数组类型定义为TableColumnConfig<unknown>[]，在push时通过类型断言告诉TypeScript可以兼容不同泛型的实例：

const columns: TableColumnConfig<unknown>[] = [];
columns.push(new TableColumnConfig<number>() as TableColumnConfig<unknown>);
columns.push(new TableColumnConfig<string>() as TableColumnConfig<unknown>);

这种方式既规避了any的使用，又解决了类型不兼容的问题。后续若需要调用format或sort，需通过类型守卫判断具体的泛型类型，保证类型安全。

2. 抽离非泛型基类 #

如果TableColumnConfig<T>中大部分属性不依赖泛型T，可以将这部分属性抽离到基类中，数组存储基类实例：

export class BaseTableColumnConfig {
  // 所有不依赖T的属性（如sourceAddress、parameterAddress等）
}

export class TableColumnConfig<T> extends BaseTableColumnConfig {
  format?: (val: T) => string;
  sort?: (val1: T, val2: T) => number;

  constructor(/* 构造参数 */) {
    super();
    // ...
  }
}

// 数组存储基类实例，无需泛型冲突
const columns: BaseTableColumnConfig[] = [];
columns.push(new TableColumnConfig<number>(/* 参数 */));
columns.push(new TableColumnConfig<string>(/* 参数 */));

当需要访问format或sort时，可通过类型守卫判断实例的具体类型：

function isNumberColumn(col: BaseTableColumnConfig): col is TableColumnConfig<number> {
  // 根据类的特定属性（如dataType）判断类型
  return (col as TableColumnConfig<number>).dataType === 'number';
}

3. 使用类型别名简化断言 #

定义一个通用类型别名，减少重复断言的代码：

type AnyTableColumn = TableColumnConfig<unknown>;

const columns: AnyTableColumn[] = [];
columns.push(new TableColumnConfig<number>() as AnyTableColumn);
columns.push(new TableColumnConfig<string>() as AnyTableColumn);

忽略ESLint警告的可行性 #

如果你的数组仅用于存储或渲染（不调用format、sort等依赖泛型T的方法），忽略ESLint警告是完全可行的。推荐使用单行注释精准忽略，而非全局禁用规则：

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const columns: TableColumnConfig<any>[] = [];
columns.push(new TableColumnConfig<number>());
columns.push(new TableColumnConfig<string>());

但如果后续需要操作依赖T的方法，这种方式会丢失类型安全性，不建议使用。

内容的提问来源于stack exchange，提问作者Walnussbär