具有T[K]约束的泛型排序函数

Question

我正在学习TypeScript，目前正在尝试创建一个通用排序函数。

我有两个接口：

interface RefreshToken {
  client_icon?: string;
  client_id?: string;
  client_name?: string;
  created_at?: string;
  id?: string;
  is_current?: boolean;
  last_used_at?: string;
  last_used_ip?: string;
  type: "normal" | "long_lived_access_token";
}

interface PersistentNotification {
  created_at: string;
  message?: string;
  notification_id?: string;
  title: string;
  status?: "read" | "unread";
}

而我现在的函数看起来是这样的：

function SortByDateAscending<T, K extends keyof T>(values: T[], key: K) {
  const compare = (first: T, second: T) => {
    const timeA = first[key] ? new Date(first[key]) : 0;
    const timeB = second[key] ? new Date(second[key]) : 0;
    if (timeA < timeB) {
      return 1;
    }
    if (timeA > timeB) {
      return -1;
    }
    return 0;
  };
  return values.sort(compare);
}

上面的代码工作，但我得到警告：

没有与此调用匹配的重载。重载5中的1’（值：字符串|数字|日期）：日期），导致以下错误。“T[K]”类型的参数不能分配给“string | number | Date”类型的参数。类型“T[keyof T]”不可分配给类型“string | number | Date”。类型“T[string]| T[number]| T[symbol]”不能分配给类型“string | number | Date”。类型“T[string]”不可分配给类型“string | number | Date”。类型“T[string]”不可分配给类型“Date”。类型“T[keyof T]”不可分配给类型“Date”。类型“T[K]”不可分配给类型“Date”。

不确定是否有方法添加约束，该约束将告诉T[K]必须是string | number | Date

这是我的测试项目：https://stackblitz.com/edit/typescript-yzualr我目前只传递字符串类型（一种是可选的），但也将使用日期，所以如果T[K]是日期，我不应该使用new Date。

我希望避免对接口进行任何更改，当然也避免为每种类型创建单独的函数。

Answer 1

您可以向排序方法传递一个方法，而不是键名

function sortByDateAscending<T>(
   values: T[], getDate: (val: T) => string | number | Date) {
   // ...
}

tokens = sortByDateAscending(tokens, token => token.last_used_at);