TypeScript 函数接口

什么是函数接口？

接口能够约束JavaScript对象拥有的各种属性，除了约束带有属性的普通对象外，接口也可以约束函数，即是函数接口。函数接口用于描述函数的形状，也就是描述函数的参数列表、以及返回值类型。

如何使用函数接口？

为了使用接口约束函数，我们需要给接口定义一个函数签名。它就像是一个只有参数列表和返回值类型的函数定义。参数列表里的每个参数都需要名字和类型。

interface SearchFunc {
  (source: string, subString: string): boolean;
}

这样定义后，我们可以像使用其它接口一样使用这个函数类型的接口。下例展示了如何创建一个函数类型的变量，并将一个同类型的函数赋值给这个变量。

let mySearch: SearchFunc;
mySearch = function(source: string, subString: string) {
  let result = source.search(subString);
  return result > -1;
}

对于函数对象的类型检查来说，函数的参数名不需要与接口里定义的名字相匹配。比如，我们使用下面的代码重写上面的例子：

let mySearch: SearchFunc;
mySearch = function(src: string, sub: string): boolean {
  let result = src.search(sub);
  return result > -1;
}

函数的参数会逐个进行检查，要求对应位置上的参数类型是兼容的。如果你不想指定类型，TypeScript的类型系统会推断出参数类型，如下面代码所示，因为函数直接赋值给了SearchFunc类型变量。函数的返回值类型是通过其返回值推断出来的，此例是false和true。如果让这个函数返回数字或字符串，类型检查器会警告我们函数的返回值类型与SearchFunc接口中的定义不匹配。

let mySearch: SearchFunc;
mySearch = function(src, sub) {
    let result = src.search(sub);
    return result > -1;
}

原文链接：http://www.mybatis.cn/typescript/1987.html