TypeScript中能否将类实例当作方法调用？

要实现让类实例可以像函数一样调用（触发默认方法），你可以结合TypeScript的接口调用签名和JavaScript构造函数返回自定义对象的特性来实现，具体步骤如下：

1. 定义包含调用签名的接口 #

先定义一个接口，同时描述实例的调用行为和类的方法：

interface StringBuilder {
  // 定义调用签名：接收索引和字符串参数，无返回值
  (index: number, str: string): void;
  // 类原有的ToString方法
  ToString(): string;
}

2. 实现核心逻辑类 #

创建内部实现类，在构造函数中生成可调用的函数，并挂载类的方法：

class StringBuilderImpl {
  private inner: string;

  constructor(initialStr: string) {
    this.inner = initialStr;

    // 实现调用时的逻辑：在指定索引插入字符串
    const callableInstance = (index: number, str: string) => {
      this.inner = this.inner.slice(0, index) + str + this.inner.slice(index);
    };

    // 将ToString方法挂载到可调用函数上
    Object.assign(callableInstance, {
      ToString: () => this.inner
    });

    // 返回这个兼具调用能力和类方法的函数对象
    return callableInstance as unknown as StringBuilder;
  }
}

3. 适配类的实例化方式 #

通过类型断言让外部可以用new关键字创建实例：

// 类型别名统一对外暴露的类型
type StringBuilder = ReturnType<typeof StringBuilderImpl>;

// 让StringBuilder可以通过new实例化
const StringBuilder = StringBuilderImpl as unknown as {
  new(initialStr: string): StringBuilder;
};

4. 测试调用 #

现在你可以按照需求的方式使用实例：

const sb = new StringBuilder('xample');
sb(0, 'e');
console.log(sb.ToString()); // 输出 'example'

原理说明 #

JavaScript允许构造函数返回任意对象，这里我们返回了一个函数（函数本身也是对象），并将类实例的方法挂载到该函数上。TypeScript的接口则确保了这个函数对象同时满足调用签名和类方法的类型约束，既能像函数一样调用，又能访问类的方法。

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