如何将类型参数的方法添加到使用代理的类型

Question

我正在开发一个简单的 RPC 客户端/服务器库供我内部使用。我想使用一个接口来描述客户端和服务器，这样我就可以在我的通用应用程序中的服务器和浏览器之间共享它们。

服务器很简单，服务只是扩展了我的 Service 类并实现了一个描述 API 的接口。

客户端将实现为 ES6 代理，只需将所有方法调用发送到服务器，我希望它具有强类型以及服务类。 我需要 ServiceClient 类型的实例来拥有它的类型参数的所有方法和属性，不管它是什么。

我在想这个语法：

interface Api
{
    foo(): boolean;
}

class MyService extends Service implements Api
{
    public foo(): boolean { return true; }
}

// usage
let result = (new ServiceClient<Api>()).foo(); // type of result is inferred, I get an error if I try to use an undefined method, arguments are type checked...

我尝试浏览一些类似的类型，但找不到方法。感谢您的帮助。

Answer 1

我希望我能理解你在问什么。

您不能在运行时使用泛型参数 (T)，因此您不能动态创建实现 T 中所有方法的代理对象。

你可以这样做：

interface Api {
    foo(): boolean;
}

abstract class Service {}

class MyService extends Service implements Api {
    public foo(): boolean { return true; }
}

const myService = new MyService();
const ServiceClient = {} as Api;
for (let key in myService) {
    if (typeof myService[key] === "function" && key !== "constructor") {
        ServiceClient[key] = function() {
            return myService[key].apply(myService, arguments);
        }
    }
}

let result = ServiceClient.foo(); // true

(code in playground)

我所做的是创建了一个MyService 的实例，然后我创建了一个对象，它将作为这个myService 的代理，这个代理ServiceClient 最初是作为一个空对象创建的。
然后我遍历MyService 实例的属性，并为每个函数（不是构造函数）在代理对象上创建一个具有相同名称的函数，当每个函数被调用时，@ 中的等效函数987654329@被调用。

---

编辑

如果我理解了，那么您需要做的就是告诉编译器您的实例是Api 类型：

class ServiceClient {
    // implement proxy magic here
}

let client = new ServiceClient() as any as Api;
let result = client.foo();

这应该可以解决问题，因为它会创建代理事物的类的实例，然后诱使编译器认为这是Api 的实例。