TypeScript为何用interface声明函数？其作用是什么？

首先明确：TypeScript 同时支持 interface 和 type 声明函数类型，本质是为了给开发者提供适配不同场景的工具，二者各有侧重。以下是 interface 声明函数的核心原因和目的：

1. 独有的扩展性：支持合并声明 #

interface 支持后续合并同名声明，这是 type 做不到的核心特性。在大型项目或多人协作场景中，你可以分模块逐步完善一个函数类型的定义：

// 基础函数接口
interface SearchFunc {
  (source: string, subString: string): boolean;
}

// 后续扩展：添加函数重载和属性
interface SearchFunc {
  timeout: number;
  (source: string, subString: string, caseSensitive: boolean): boolean;
}

// 最终的 SearchFunc 包含两个重载签名 + timeout 属性
const search: SearchFunc = (source, sub, caseSensitive = false) => {
  return caseSensitive 
    ? source.includes(sub) 
    : source.toLowerCase().includes(sub.toLowerCase());
};
search.timeout = 500;

而 type 一旦定义就无法修改，重复声明同名 type 会直接抛出语法错误。这种扩展性让接口能灵活适配需求迭代。

2. 贴合面向对象的契约定位 #

TypeScript 作为 JavaScript 的面向对象超集，interface 的核心定位是定义契约——不管是对象结构、类的实现，还是函数的调用规则，都可以用 interface 统一声明。比如，类可以直接实现函数接口：

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

class StringSearcher implements SearchFunc {
  (source: string, subString: string): boolean {
    return source.includes(subString);
  }
}

这种写法让代码风格保持统一，符合面向对象编程中"契约优先"的设计思路。

3. 函数重载的更直观写法 #

用 interface 定义函数重载时，结构更清晰，符合开发者对"重载"的直觉认知：

interface Calculate {
  (a: number, b: number): number;
  (a: string, b: string): string;
}

const calculate: Calculate = (a, b) => {
  if (typeof a === 'number' && typeof b === 'number') return a + b;
  if (typeof a === 'string' && typeof b === 'string') return a.concat(b);
  throw new Error('Invalid arguments');
};

对比用 type 写重载的方式：

type Calculate = 
  | ((a: number, b: number) => number)
  | ((a: string, b: string) => string);

interface 把所有重载签名聚合在同一个结构下，可读性更强。

4. 历史兼容与场景互补 #

TypeScript 早期版本中，类型别名（type）的功能不如现在完善，interface 是更成熟的类型定义方案。保留 interface 声明函数的能力，一方面是为了兼容早期代码，另一方面也是给开发者提供选择：

• 需要扩展、合并，或要和类/对象接口风格统一时，用 interface；
• 仅需简单函数类型定义，或要结合联合类型、交叉类型等复杂逻辑时，用 type 更灵活。

内容的提问来源于stack exchange，提问作者Dg Foo