Typescript 函数定义混乱

发布于07月09日

我正在构建一个MUI表，我正在阅读文档以真正理解代码，但我对以下函数定义的含义感到困惑:

function getComparator<Key extends keyof any>(
  order: Order,
  orderBy: Key,
): (
  a: { [key in Key]: number | string },
  b: { [key in Key]: number | string },
) => number {
  return order === 'desc'
    ? (a, b) => descendingComparator(a, b, orderBy)
    : (a, b) => -descendingComparator(a, b, orderBy);
}

A和B是论点吗？还是Order和Order By？我认为order和orderBy是默认情况下可以设置的参数，a和b是在函数初始化时传递的，但我还是不确定.

推荐答案

该函数定义使用匿名类型来定义其返回类型，这是另一个函数，所以我可以理解为什么您会对它感到困惑.

也许这会让事情变得更清楚，这里我将返回类型移到一个名为Comparator的命名类型中:

type Comparator<Key extends keyof any> = (
  a: { [key in Key]: number | string },
  b: { [key in Key]: number | string },
) => number;

function getComparator<Key extends keyof any>(
  order: Order,
  orderBy: Key,
): Comparator<Key> {
  return order === 'desc'
    ? (a, b) => descendingComparator(a, b, orderBy)
    : (a, b) => -descendingComparator(a, b, orderBy);
}

TypeScript Playground个

希望您能在该示例中更清楚地看到，getComparator的参数是order和orderBy.和getComparator返回一个带有参数a和b的新函数.