TypeScript函数接口无法识别内部设置的函数属性问题求助

问题根源 #

你遇到的报错是因为TypeScript在类型检查时，要求赋值给MyFunc类型的变量必须同时满足函数签名和拥有指定属性。直接返回一个函数时，该函数在编译阶段并不具备staticData属性——即便你在函数内部运行时设置它，TypeScript也无法提前识别，因此抛出类型不匹配的错误。

正确的接口定义与实现方式 #

1. 定义包含函数签名与静态属性的接口

首先调整MyFunc接口，让它同时描述函数的调用行为和自身携带的静态属性：

interface MyFunc {
  // 工厂函数的调用签名：返回引用静态属性的对象
  (): { staticData: object };
  // 函数自身的静态属性
  staticData: object;
}

2. 用Object.assign创建符合类型的函数

使用Object.assign可以将函数和静态属性合并，TypeScript能正确推断出合并后的类型符合MyFunc定义，同时保证返回对象能引用函数的静态属性：

const myFunc: MyFunc = Object.assign(
  () => {
    // 返回对象直接引用函数自身的staticData
    return { staticData: myFunc.staticData };
  },
  // 初始化静态属性（后续也可以动态修改）
  { staticData: { key: 'value' } }
);

// 测试调用
const result = myFunc();
console.log(result.staticData); // 输出 { key: 'value' }

3. 另一种实现：先声明函数再添加属性

如果更习惯分步实现，可以先定义函数逻辑，再添加静态属性，最后通过类型断言让TypeScript识别为MyFunc：

// 先实现工厂函数逻辑
function myFunc() {
  return { staticData: myFunc.staticData };
}

// 给函数添加静态属性
myFunc.staticData = { foo: 'bar' };

// 断言类型为MyFunc
const typedMyFunc = myFunc as MyFunc;

// 调用测试
const result = typedMyFunc();
console.log(result.staticData); // 输出 { foo: 'bar' }

关键说明 #

• 接口必须同时包含函数调用签名和对象属性定义，这样TypeScript才会把它识别为“带属性的函数”类型。
• 避免在函数内部通过函数自身引用设置静态属性（编译阶段无法识别），而是提前通过Object.assign或分步添加的方式在函数外部完成属性绑定，确保编译时类型检查通过。

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