1.函数声明

函数声明引入一个函数，包含其名称、参数列表、返回类型和函数体。以下示例是一个简单的函数，包含两个string类型的参数，返回类型为string：

function add(x: string, y: string): string {
  let z: string = `${x} ${y}`;
  return z;
}

在函数声明中，必须为每个参数标记类型。如果参数为可选参数，那么允许在调用函数时省略该参数。函数的最后一个参数可以是rest参数。

2.可选参数

可选参数的格式可为name?: Type。

function hello(name?: string) {
  if (name == undefined) {
    console.log('Hello!');
  } else {
    console.log(`Hello, ${name}!`);
  }
}

可选参数的另一种形式为设置的参数默认值。如果在函数调用中这个参数被省略了，则会使用此参数的默认值作为实参。

function multiply(n: number, coeff: number = 2): number {
  return n * coeff;
}
multiply(2);  // 返回2*2
multiply(2, 3); // 返回2*3

3.Rest参数

函数的最后一个参数可以是rest参数。rest参数的格式为...restArgs。rest参数允许函数接收一个由剩余实参组成的数组，用于处理不定数量的参数输入。

function sum(...numbers: number[]): number {
  let res = 0;
  for (let n of numbers)
    res += n;
  return res;
}
​
sum(); // 返回0
sum(1, 2, 3); // 返回6

4.返回类型

如果可以从函数体内推断出函数返回类型，则可在函数声明中省略标注返回类型。

// 显式指定返回类型
function foo(): string { 
    return 'foo'; 
}
​
// 推断返回类型为string
function goo() { 
    return 'goo'; 
}

不需要返回值的函数的返回类型可以显式指定为void或省略标注。这类函数不需要返回语句。

以下示例中两种函数声明方式都是有效的：

function hi1() { 
    console.log('hi'); 
}
function hi2(): void { 
    console.log('hi'); 
}

5.函数的作用域

函数中定义的变量和其他实例仅可以在函数内部访问，不能从外部访问。

如果函数中定义的变量与外部作用域中已有实例同名，则函数内的局部变量定义将覆盖外部定义。

6.函数调用

调用函数以执行其函数体，实参值会赋值给函数的形参。

如果函数定义如下：

function join(x: string, y: string): string {
  let z: string = `${x} ${y}`;
  return z;
}

则此函数的调用需要包含两个string类型的参数：

let x = join('hello', 'world');
console.log(x);

7.函数类型

函数类型通常用于定义回调：

type trigFunc = (x: number) => number // 这是一个函数类型
​
function do_action(f: trigFunc) {
  f(3.141592653589); // 调用函数
}
​
do_action(Math.sin); // 将函数作为参数传入

8.箭头函数

函数可以定义为箭头函数，例如：

let sum = (x: number, y: number): number => {
  return x + y;
}

箭头函数的返回类型可以省略；省略时，返回类型通过函数体推断。

表达式可以指定为箭头函数，使表达更简短，因此以下两种表达方式是等价的：

let sum1 = (x: number, y: number) => { return x + y; }
let sum2 = (x: number, y: number) => x + y

9.闭包

闭包是由函数及声明该函数的环境组合而成的。该环境包含了这个闭包创建时作用域内的任何局部变量。

在下例中，func函数返回了一个闭包，它捕获了count变量，每次调用z，count的值会被保留并递增。

function func(): () => number {
  let count = 0;
  let g = (): number => { count++; return count; };
  return g;
}
​
let z = func();
z(); // 返回：1
z(); // 返回：2

10.函数重载

我们可以通过编写重载，指定函数的不同调用方式。具体方法为，为同一个函数写入多个同名但签名不同的函数头，函数实现紧随其后。

function test(x: number): void;            /* 第一个函数定义 */
function test(x: string): void;            /* 第二个函数定义 */
function test(x: number | string): void {  /* 函数实现 */
}
​
test(1234);     //  OK，使用第一个定义
test('hello'); // OK，使用第二个定义

不允许重载函数有相同的名字以及参数列表，否则将会编译报错。