如何让静态方法返回实现类类型？TypeScript类型适配问题

原始代码示例 #

class Parent {
  static thingy(): Parent {
    // do something
    return this;
  }
}

class Child1 extends Parent {
}

class Child2 extends Parent {
}

需求 #

让Child1.thingy()返回Child1类型，Child2.thingy()返回Child2类型，同时避免调用时额外的类型声明。

当前写法（需手动指定泛型） #

static <T extends Parent>thingy(): T { ... }

调用方式：

Child1.thingy<Child1>()

优化方案：利用this类型实现自动推导 #

在静态方法中直接将返回类型设为this，TypeScript会自动在子类中把this解析为当前子类的类型，无需手动指定泛型：

class Parent {
  static thingy(): this {
    // do something
    return this;
  }
}

class Child1 extends Parent {
}

class Child2 extends Parent {
}

// 类型自动推导正确
const child1Inst = Child1.thingy(); // child1Inst 类型为 Child1
const child2Inst = Child2.thingy(); // child2Inst 类型为 Child2

实际场景应用（API端点模拟管理员身份） #

针对你提到的具备impersonate能力的API抽象，用同样的方式实现.asAdmin()方法，就能支持链式调用且无需额外类型声明：

class ApiEndpoint {
  static asAdmin(): this {
    // 这里实现切换为管理员身份的逻辑
    return this;
  }

  // 示例通用API方法
  static logRequest() {
    console.log("Request sent");
  }
}

class UserManagementEndpoint extends ApiEndpoint {
  static listUsers() {
    return [{ id: 1, name: "Alice" }, { id: 2, name: "Bob" }];
  }

  static deleteUser(userId: number) {
    return { success: true };
  }
}

// 链式调用，类型完全匹配，无需额外声明
UserManagementEndpoint.asAdmin().listUsers();
UserManagementEndpoint.asAdmin().deleteUser(1);

这种写法的核心是利用TypeScript对静态方法中this类型的多态支持——当子类继承父类时，静态方法的this会自动绑定到子类本身，从而实现返回类型的自动推导，完美满足链式调用的需求。

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