可调用的

你可以使用类型别名或者接口来表示一个可被调用的类型注解：

  1. interface ReturnString {
  2.   (): string;
  3. }

它可以表示一个返回值为 string 的函数：

  1. declare const foo: ReturnString;
  3. const bar = foo(); // bar 被推断为一个字符串。

一个实际的例子

当然，像这样一个可被调用的类型注解，你也可以根据实际来传递任何参数、可选参数以及 rest 参数，这有一个稍微复杂的例子：

  1. interface Complex {
  2.   (foo: string, bar?: number, ...others: boolean[]): number;
  3. }

一个接口可提供多种调用签名，用以特殊的函数重载：

  1. interface Overloaded {
  2.   (foo: string): string;
  3.   (foo: number): number;
  4. }
  6. // 实现接口的一个例子：
  7. function stringOrNumber(foo: number): number;
  8. function stringOrNumber(foo: string): string;
  9. function stringOrNumber(foo: any): any {
  10.   if (typeof foo === 'number') {
  11.     return foo * foo;
  12.   } else if (typeof foo === 'string') {
  13.     return `hello ${foo}`;
  14.   }
  15. }
  17. const overloaded: Overloaded = stringOrNumber;
  19. // 使用
  20. const str = overloaded(''); // str 被推断为 'string'
  21. const num = overloaded(123); // num 被推断为 'number'

这也可以用于内联注解中：

  1. let overloaded: {
  2.   (foo: string): string;
  3.   (foo: number): number;
  4. };

箭头函数

为了使指定可调用的类型签名更容易，TypeScript 也允许你使用简单的箭头函数类型注解。例如，在一个以 number 类型为参数，以 string 类型为返回值的函数中，你可以这么写：

  1. const simple: (foo: number) => string = foo => foo.toString();

TIP

它仅仅只能做为简单的箭头函数，你无法使用重载。如果想使用它，你必须使用完整的 { (someArgs): someReturn } 的语法

可实例化

可实例化仅仅是可调用的一种特殊情况，它使用 new 做为前缀。它意味着你需用使用 new 关键字去调用它：

  1. interface CallMeWithNewToGetString {
  2.   new (): string;
  3. }
  5. // 使用
  6. declare const Foo: CallMeWithNewToGetString;
  7. const bar = new Foo(); // bar 被推断为 string 类型

原文: https://jkchao.github.io/typescript-book-chinese/typings/callable.html