将 ES5 构造函数分配给构造函数类型的变量

Question

这段代码有可能存在于 ES5 中并且完美执行：

const ctor = function () {
    return {
        prop: 'value'
    };
};

const obj = new ctor();

console.log(obj);

这是我尝试输入的内容：

interface SomeClass {
    new(...args: any[]): { prop: string };
}

const ctor: SomeClass = function () {
    return {
        prop: 'value'
    };
}

const obj = new ctor();

console.log(obj);

这不会在 TypeScript 中编译，它会抛出：

Type '() => { prop: string; }' is not assignable to type 'SomeClass'.
  Type '() => { prop: string; }' provides no match for the signature 'new (...args: any[]): { prop: string; }'.(2322)

TypeScript 是故意不支持 ES5 语法还是我遗漏了什么？

Answer 1

问题在于 new() 类型检查是针对类的实例进行的，而构造函数是静态的，它具有不同的类型。更多信息在这里：constructor provides no match for signature new

interface ConstructorInterface {
    new(...args: any[]): SomeOtherInterface
}

interface SomeOtherInterface {
   method(): {prop: string}
}

class Ctor implements SomeOtherInterface {
    method() {
        return {prop: "test"};
    }
}

const obj = new Ctor();
console.log(obj);

这将解决问题，它也可以工作，因为您可以省略构造函数。

您还可以添加一个函数，该函数返回一个实现您的接口的实例。

function createCtor(ctor: ConstructorInterface): SomeOtherInterface {
    return new ctor();
}

const obj1 = createCtor(Ctor);
console.log(obj1);