如何用TypeScript声明继承EventEmitter的非类函数？

嘿，这个需求确实有点 tricky——原生JS里靠修改原型链能轻松实现，但TypeScript的类型系统会严格约束对象的类型结构，所以得兼顾原型链修改和类型声明两部分才行。

先看看你给出的错误尝试：

export const foo = function extends EventEmitter(){ // lol no
  return {}; // (I need to return something here)
};

没错，function extends这种写法在JS/TS里本身就不合法，函数不能直接用类的extends语法来继承，得换个思路。

你的原生JS实现思路是对的：把函数的原型链改成同时继承Function.prototype和EventEmitter.prototype，这样函数对象既能被调用，又能拥有EventEmitter的所有方法。咱们把这个思路适配到TypeScript里：

具体实现步骤 #

1. 导入EventEmitter（以Node.js环境为例） #

import { EventEmitter } from 'events';

2. 定义函数并修改原型链 #

首先创建函数，然后调整它的原型链，同时调用EventEmitter的构造函数初始化内部状态（不然调用on/emit会报错）：

// 先定义基础函数
function foo() {
  // 这里写你的函数逻辑，返回你需要的内容
  return { data: 'result from foo function' };
}

// 构建合并后的原型：同时继承Function和EventEmitter的原型
const combinedPrototype = Object.assign(
  Object.create(Function.prototype),
  EventEmitter.prototype
);
// 给函数设置新的原型链
Object.setPrototypeOf(foo, combinedPrototype);

// 调用EventEmitter构造函数，初始化实例的内部事件管理属性
EventEmitter.call(foo);

3. 给函数添加正确的类型声明 #

TypeScript默认不会认为这个函数是EventEmitter的实例，所以需要用交叉类型或者类型断言告诉TS它的真实类型：

// 定义交叉类型：既是可调用的函数，又是EventEmitter
type EmitterFunction = typeof foo & EventEmitter;

// 断言类型后导出
export const fooWithEmitter = foo as EmitterFunction;

完整可运行代码 #

import { EventEmitter } from 'events';

function foo() {
  return { data: 'result from foo function' };
}

const combinedPrototype = Object.assign(
  Object.create(Function.prototype),
  EventEmitter.prototype
);
Object.setPrototypeOf(foo, combinedPrototype);
EventEmitter.call(foo);

type EmitterFunction = typeof foo & EventEmitter;
export const fooWithEmitter = foo as EmitterFunction;

测试用法 #

这样你就可以同时把它当函数调用，又能使用EventEmitter的所有方法了：

// 作为EventEmitter使用
fooWithEmitter.on('custom-event', (payload) => {
  console.log('事件触发:', payload);
});
fooWithEmitter.emit('custom-event', 'hello world');

// 作为函数调用
const result = fooWithEmitter();
console.log('函数返回值:', result); // 输出 { data: 'result from foo function' }

为什么之前的尝试报错？ #

你遇到的类型错误本质是TypeScript无法自动推断出“这个函数对象同时具备EventEmitter的类型”，必须通过自定义交叉类型+类型断言来明确类型；另外，仅仅修改原型链还不够，必须调用EventEmitter.call(foo)来初始化EventEmitter的内部状态（比如_events属性），否则调用事件相关方法会运行时出错。

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