module - 将模块中的接口(interface)用作类中的字段时出现 typescript 错误

Question

我正在为 fabric.js 提供一个类型定义文件。一般结构如下例所示:

declare module fabric {
   export interface Canvas {
      selectionBorderColor: string;
      selectionColor: string;
      ...
   }

   var Canvas: {
      new (): Canvas;
   }
}

此模式允许我以“类似接口(interface)”的方式使用 fabric.Canvas，以便变量与 fabric.Canvas 接口(interface)相关联。同时它允许我调用“静态成员”(比如fabric.Canvas的构造函数)。

但这在类中使用接口(interface)“fabric.Canvas”的字段时会导致问题。以下示例显示了这种情况:

只有在将接口(interface)置于模块中时才会出现此问题，否则一切正常。

这个问题有什么解决方案吗？

Answer 1

存在一些类型混淆，因为您有一个同名的接口(interface)和一个字段 - 我知道这在 lib.d.ts 文件中很常见，但我认为这不是编写新的 TypeScript 代码时的一个好习惯。这似乎是定义现有代码的必要条件。

如果您将 var Canvas 重命名为 var MyCanvas(或其他任何名称)，您的代码就可以正常工作。

我倾向于在我的接口(interface)前加上 I，例如 ICanvas - 但这还不是 TypeScript 约定(目前)。

declare module fabric {
   export class Canvas {
      selectionBorderColor: string;
      selectionColor: string;
   }
}

class MyClass {
    canvas: fabric.Canvas;
}