函数一般也会标识类型，主要是函数参数，函数返回值

  1. type Sum = (a: string, b: string) => string
  2. let sum: Sum = function (a: string, b: string): string {
  3.     return a + b;
  4. }
  6. //  函数中默认参数，可选参数，剩余运算符
  7. let sum: Sum = function (a: string = 'a', b?: string, ...args: string[]) {
  8.     return a;
  9. }

声明函数类型中 this 类型

  1. interface Worker {
  2.     name: string
  3. }
  4. function working (this: Worker, time: number): string {
  5.     return `${this.name} 已工作了 ${time} 小时`
  6. }
  7. working.call({ name: 'alex' } as Worker, 6)

声明了 this 类型之后就不能在不指定 this 的情况下调用了，因为不指定 this 时 this 类型为 void，跟 Worker 不一致

函数重载

  2. function sum(a: number, b: number): number
  3. function sum(a: string, b: string): string
  4. function sum(a: string, b: number): string
  5. function sum(a: number, b: string): string
  6. function sum(a: string | number, b: string | number): string | number {
  7.     if (typeof a === 'string' && typeof b === 'string') {
  8.         return a + b;
  9.     }
  10.     if (typeof a === 'string' && typeof b === 'number') {
  11.         return a + b;
  12.     }
  13.     if (typeof a === 'number' && typeof b === 'number') {
  14.         return a + b;
  15.     }
  16.     if (typeof a === 'number' && typeof b === 'string') {
  17.         return a + b;
  18.     }
  19.     return ''
  20. }
  21. sum(1, 2);
  22. sum('1', '2');
  23. sum('1', 2);
  24. sum(2, '1');

函数类型声明