TypeScript：函数重载揭秘，高阶函数点石成金！

TypeScript 函数重载：灵活应对不同参数类型

函数重载是 TypeScript 中的一项重要特性，它允许一个函数具有不同的函数签名，从而可以接受不同类型的参数。这使得 TypeScript 代码更加灵活，并提高了代码的可读性和可维护性。

例如，我们定义了一个函数 add()，它可以接受两个数字参数，并返回它们的和：

function add(a: number, b: number): number {
  return a + b;
}

现在，我们想定义另一个函数 add(), 它可以接受一个字符串和一个数字参数，并返回连接后的字符串：

function add(a: string, b: number): string {
  return a + b.toString();
}

这两个函数都叫做 add(), 但它们具有不同的函数签名，因此 TypeScript 可以区分它们。这允许我们在代码中使用相同名称的函数来处理不同类型的数据。

函数重载的类型推断

TypeScript 的类型系统非常强大，它可以自动推断函数的返回值类型。这使得我们在使用函数重载时无需显式指定返回值类型。

例如，我们可以使用以下代码来调用函数 add()：

const sum = add(1, 2);
const result = add("Hello ", 1);

TypeScript 会自动推断出 sum 的类型为 number, result 的类型为 string。这使得代码更加简洁和易于阅读。

TypeScript 高阶函数：抽象编程的利器

高阶函数是指将函数作为参数或返回值的函数。高阶函数在 TypeScript 中非常常见，它们可以帮助我们编写更抽象、更可重用的代码。

例如，我们可以定义一个函数 map(), 它接受一个数组和一个函数作为参数，并返回一个新的数组，其中每个元素都是通过给定函数处理过的。

function map<T, U>(array: T[], f: (item: T) => U): U[] {
  const result: U[] = [];
  for (const item of array) {
    result.push(f(item));
  }
  return result;
}

我们可以使用以下代码来调用函数 map()：

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = map(numbers, (n) => n * 2);

变量 doubledNumbers 的值将是 [2, 4, 6, 8, 10].

箭头函数：简洁高效的函数语法

箭头函数是 TypeScript 中的另一种重要特性，它提供了一种更简洁、更具表达性的方式来编写函数。

例如，我们可以使用箭头函数来重写函数 map()：

const map<T, U>(array: T[], f: (item: T) => U): U[] {
  return array.map((item) => f(item));
}

箭头函数还可以作为函数的参数或返回值使用。这使得代码更加灵活和可重用。

总结

函数重载和高阶函数是 TypeScript 中的两个重要特性，它们可以帮助我们编写更灵活、更抽象、更可重用的代码。通过掌握这些特性，我们可以充分发挥 TypeScript 的强大功能，并编写出更加高质量的代码。