TypeScript 中的函数类型分析，函数类型声明、参数类型详解

JavaScript 是一个拥有丰富语法，极其灵活的编程语言，且设计之初主要针对 Web 浏览器环境中运行的应用程序，更强调运行时行为，对于开发环境没有过多限制。

随着 TypeScript 的出现，很多 JS 特性得以延伸。它是一种静态类型的编程语言，扩展了 JavaScript 的语法，引入类型系统，并在编译阶段进行类型检查。在此基础上，我们来研究一下如何在 TypeScript 中使用函数。

函数类型声明

TypeScript 能够帮助我们定义函数的类型，格式为：

function functionName(parameter: type): returnType {
  // code
}

例如：

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

在这个函数中，add 是函数名，(a: number, b: number) 是参数列表，number 是返回值类型。

函数参数类型

TypeScript 函数的参数可以有四种类型：

• 必填参数 ：必须在调用函数时提供值。
• 可选参数 ：可以不提供值，但如果提供了，必须与类型一致。
• 默认参数 ：可以不提供值，如果未提供，则使用默认值。
• 剩余参数 ：可以接收任意数量的参数。

可选参数

使用 ? 声明可选参数，例如：

function greet(name?: string): void {
  if (name) {
    console.log(`Hello, ${name}!`);
  } else {
    console.log('Hello, world!');
  }
}

默认参数

使用 = 声明默认参数，例如：

function greet(name: string = 'world'): void {
  console.log(`Hello, ${name}!`);
}

剩余参数

使用 ... 声明剩余参数，例如：

function sum(...numbers: number[]): number {
  let total = 0;
  for (const num of numbers) {
    total += num;
  }
  return total;
}

总结

TypeScript 函数类型声明和参数类型是TypeScript语言的核心组成部分。掌握这些知识对于编写高质量的TypeScript代码非常重要。