# 函数(Function)
函数是 JavaScript 应用程序的基础,它帮助你实现抽象层、模拟类、信息隐藏和模块。
在 TypeScript 里,虽然已经支持类、命名空间和模块,但函数仍然是主要的定义行为的地方,TypeScript 为 JavaScript 函数添加了额外的功能,让我们可以更容易地使用。
# 定义函数类型
我们在 TypeScript 中的函数并不需要刻意去定义,比如我们实现一个加法函数:
const add = (a: number, b: number) => a + b
@前端进阶之旅: 代码已经复制到剪贴板
实际上我们只定义了函数的两个参数类型,这个时候整个函数虽然没有被显式定义,但是实际上 TypeScript 编译器是能『感知』到这个函数的类型的:

我们通过 VS Code 的类型提示看到,TypeScript 已经推断出了整个函数的类型,虽然我们并没有显式定义出来,这就是所谓的『类型推断』。
那么我应该如何显式定义一个函数的类型呢?

括号里的 (a: number, b: number) 为参数类型,而通过 => 来连接参数与返回值, 最后则是返回值的类型。
# 函数的参数详解
# 可选参数
一个函数的参数可能是不存在的,这就需要我们使\用可选参数来定义.
我们只需要在参数后面加上 ? 即代表参数可能不存在。
const add = (a: number, b?: number) => a + (b ? b : 0)
@前端进阶之旅: 代码已经复制到剪贴板
参数b有number与undefined两种可能。

# 默认参数
默认参数在 JavaScript 同样存在,即在参数后赋值即可。
const add = (a: number, b = 10) => a + b
@前端进阶之旅: 代码已经复制到剪贴板
# 剩余参数
剩余参数与JavaScript种的语法类似,需要用 ... 来表示剩余参数,而剩余参数 rest 则是一个由number组成的数组,在本函数中用 reduce 进行了累加求和。
const add = (a: number, ...rest: number[]) => rest.reduce(((a, b) => a + b), a)
@前端进阶之旅: 代码已经复制到剪贴板
# 重载(Overload)
重载这个概念在很多传统编译语言中都存在,如果你有类似 Java 的经验静很容易理解。
那么在 TypeScript 中它的作用是什么呢?
先看一下例子:
function assigned (a: number, b?: number, c?: number, d?: any) {
if (b === undefined && c === undefined && d === undefined) {
b = c = d = a
} else if (c === undefined && d === undefined) {
c = 