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