ts 匿名函数泛型

在TypeScript中，可以使用泛型函数来提高代码的灵活性和可复用性。同时，也可以使用匿名函数来进一步简化代码和提高代码的可读性。本文将介绍如何在TypeScript中使用匿名函数和泛型来实现更加灵活的代码编写。

首先，让我们来看一个简单的例子。假设我们需要实现一个函数，它接受一个数组和一个比较函数作为参数，然后根据比较函数的结果对数组进行排序。可以使用以下代码来实现：

function sortArray<T>(arr: T[], compareFn: (a: T, b: T) => number): T[] {
  return arr.sort(compareFn);
}

在上述代码中，我们使用了泛型函数sortArray来接受一个任意类型的数组，并使用一个匿名函数作为比较函数，该比较函数接受两个参数a和b，返回一个数字类型的结果，用于表示两个元素之间的比较结果。然后，我们调用数组的sort方法来根据比较函数对数组进行排序，并返回排序后的结果。

现在，让我们来看一个更加复杂的例子。假设我们需要实现一个函数，它接受一个数组和一个函数作为参数，然后对数组中的每个元素调用该函数，并将结果放入一个新的数组中返回。可以使用以下代码来实现：

function mapArray<T, R>(arr: T[], mapFn: (item: T) => R): R[] {
  return arr.map(mapFn);
}

在上述代码中，我们使用了泛型函数mapArray来接受一个任意类型的数组，并使用一个匿名函数作为转换函数，该转换函数接受一个参数item，返回一个类型为R的结果。然后，我们调用数组的map方法来对每个元素调用转换函数，并将结果放入一个新的数组中返回。

需要注意的是，在使用匿名函数时，可以根据需要选择是否指定函数名。如果函数只在当前作用域中使用，可以省略函数名，从而进一步简化代码。例如，可以使用以下代码来实现与上述示例相同的功能：

const mapArray = <T, R>(arr: T[], mapFn: (item: T) => R): R[] =>
  arr.map(mapFn);

在上述代码中，我们使用了箭头函数和泛型来实现与上一个示例相同的功能。由于箭头函数是匿名函数的一种简化语法，因此可以进一步简化代码，从而提高代码的可读性和可维护性。

总之，使用匿名函数和泛型是TypeScript中实现灵活、可复用代码的重要技巧。通过掌握匿名函数和泛型的用法，可以进一步提高代码的可读性和可维性。