Typescript基础知识：函数类型和箭头函数

        在 TypeScript 中，函数是一项重要的特性，它们允许我们组织和重用代码。本文将介绍 TypeScript 中的函数类型和箭头函数，并提供示例代码来说明其用法和优势。

一、函数类型声明

        在 TypeScript 中，我们可以使用函数类型声明来指定函数的参数类型和返回值类型。以下是一个简单的示例：

function add(x: number, y: number): number {
  return x + y;
}

在上面的代码中，add 函数接受两个参数 x 和 y，它们的类型都是 number，并且该函数的返回值也被指定为 number 类型。

二、可选参数和默认参数

        TypeScript 还支持可选参数和默认参数的定义。可选参数使用 ? 标记，而默认参数使用赋值操作符 = 来指定默认值。以下是一个示例：

function greet(name: string, age?: number = 18): void {
  console.log(`Hello, ${name}! You are ${age} years old.`);
}

在上述代码中，age 参数被标记为可选参数，并且默认值为 18。这意味着我们可以调用 greet 函数时只传递一个参数（name），而不必提供 age。

三、箭头函数

        箭头函数是一种更简洁的函数定义方式，它使用箭头 => 来分隔参数和函数体。以下是一个示例：

const multiply = (x: number, y: number): number => {
  return x * y;
};

在上面的代码中，我们使用箭头函数定义了 multiply 函数，它接受两个参数 x 和 y，并返回它们的乘积。

四、上下文类型推断

        TypeScript 的类型推断功能使得函数类型声明更加灵活。例如，当我们将一个函数赋值给一个变量时，TypeScript 可以根据上下文自动推断出函数的参数类型和返回值类型。以下是一个示例：

type MathOperation = (x: number, y: number) => number;

const sum: MathOperation = (a, b) => a + b;
const difference: MathOperation = (a, b) => a - b;

在上述代码中，我们声明了一个名为 MathOperation 的类型别名，它表示接受两个 number 类型参数并返回 number 类型的函数。然后，我们使用箭头函数分别实现了 sum 和 difference 函数，并将它们赋值给 MathOperation 类型的变量。

总结

        通过本文，我们了解了 TypeScript 中函数类型和箭头函数的基本用法和特性。我们学习了如何声明函数类型、使用可选参数和默认参数、以及如何利用箭头函数来简化函数定义。此外，我们还介绍了上下文类型推断的概念，它使得函数类型声明更加灵活和便捷。