如何正确实现包含调用签名的TypeScript接口？

嘿，这个混合类型接口的实现确实有点绕，我来给你一步步讲清楚怎么搞定它！

首先得明确你的MyInterface是个混合类型接口——它同时要求变量是一个可调用的函数（有调用签名(x: number, y: string): string），还得拥有两个额外属性：someProperty（一个接收两个数字返回数字的函数）和anotherProperty（数字类型）。直接用普通对象字面量是不行的，因为对象没法同时作为函数被调用，得换个思路：

方法一：先定义函数，再添加属性 #

先创建符合调用签名的函数，再手动为它挂载接口要求的属性：

interface MyInterface {
  (x: number, y: string): string;
  someProperty: (x: number, y: number) => number;
  anotherProperty: number;
}

// 第一步：创建符合调用签名的函数，赋值给变量
let myOtherInterface: MyInterface = (x: number, y: string) => {
  return `Received number: ${x}, string: ${y}`;
};

// 第二步：为函数添加接口要求的属性
myOtherInterface.someProperty = (a: number, b: number) => a + b; // 这里可以是任意符合类型的逻辑
myOtherInterface.anotherProperty = 42;

这样做的好处是逻辑清晰，TypeScript会先检查函数是否匹配调用签名，之后再验证属性的类型是否符合要求。

方法二：用Object.assign合并函数与属性 #

如果你想一次性完成，可以用Object.assign把函数和属性对象合并在一起：

interface MyInterface {
  (x: number, y: string): string;
  someProperty: (x: number, y: number) => number;
  anotherProperty: number;
}

let myOtherInterface: MyInterface = Object.assign(
  // 第一个参数：符合调用签名的函数
  (x: number, y: string) => `Num: ${x}, Str: ${y}`,
  // 第二个参数：包含所有要求属性的对象
  {
    someProperty: (a, b) => a * b, // TypeScript会自动推断参数类型
    anotherProperty: 100
  }
);

Object.assign会把第二个对象的所有属性挂载到第一个函数对象上，最终得到的结果既是可调用的函数，又拥有指定的属性，完美匹配接口的所有要求。

为什么直接用对象字面量不行？ #

如果你尝试写：

// ❌ 错误写法：对象字面量没有调用签名，无法匹配接口
let myOtherInterface: MyInterface = {
  (x: number, y: string) => "...", // 语法错误
  someProperty: () => {},
  anotherProperty: 0
};

这会直接报错，因为普通对象没法作为函数被调用，必须以函数为基础来构建这个混合类型的实例。

内容的提问来源于stack exchange，提问作者tmp dev