如何使类在Typescript中实现调用签名？

Question

我在打字稿中定义了以下接口：

interface MyInterface {
    () : string;
}

这个接口只是引入了一个不接受参数并返回字符串的调用签名。如何在类中实现这种类型？我尝试了以下操作：

class MyType implements MyInterface {
    function () : string {
        return "Hello World.";
    }
}

编译器一直告诉我

类“MyType”声明了接口“MyInterface”，但没有实现它：类型“MyInterface”需要调用签名，但类型“MyType”缺少调用签名

如何实现调用签名？

Answer 1

此答案中的代码示例假定以下声明：

var implementation: MyInterface;

作为对已接受答案的跟进，正如一些注释者所建议的那样，与接口的调用签名匹配的函数隐式实现接口。因此，您可以使用任何匹配函数作为实现。

例如:

implementation = () => "Hello";

您不需要显式指定函数实现接口。但是，如果您希望显式，可以使用强制转换：

implementation = <MyInterface>() => "Hello";

如果您想像通常使用Java或C#接口一样生成一个可重用的接口实现，只需将函数存储在消费者可以访问的地方。

例如:

function Greet() {
    return "Hello";
}

implementation = Greet;

您可能希望能够以与参数化类相同的方式参数化实现。这是执行此操作的一种方法：

function MakeGreeter(greeting: string) {
    return () => greeting;
}

implementation = MakeGreeter("Hello");

如果希望结果被类型化为接口，只需显式设置返回类型或强制转换返回的值。

Answer 2

如果可调用接口应该有其他方法，您可以这样做：

interface Greeter {
    (): void;
    setName(name: string): void;
}

class ConsoleGreeter {

    private constructor( // constructable via `create()`
        private name = 'world'
    ) {}

    public call(): void {
        console.log(`Hello ${this.name}!`);
    }

    public setName(name: string) {
        this.name = name;
    }

    public static create(): Greeter {
        const instance = new ConsoleGreeter();
        return Object.assign(
            () => instance.call(),
            {
                setName: (name: string) => instance.setName(name)
                // ... forward other methods
            }
        );
    }
}

const greeter = ConsoleGreeter.create();
greeter(); // prints 'Hello world!'
greeter.setName('Dolly');
greeter(); // prints 'Hello Dolly!'

缺点：ConsoleGreeter的greeter实例为false

Answer 3

类无法与该接口匹配。我认为你能得到的最接近的就是这个类，它将生成功能上与接口匹配的代码（但不是根据编译器）。

class MyType implements MyInterface {
  constructor {
    return "Hello";
  }
}
alert(MyType());

这将生成工作代码，但编译器会抱怨 MyType 不可调用，因为它的签名 new（） = 'string'（即使你用 new 调用它，它也会返回一个对象）。

要创建实际匹配接口而不让编译器抱怨的东西，你必须做这样的事情：

var MyType = (() : MyInterface => {
  return function() { 
    return "Hello"; 
  }
})();
alert(MyType());