有什么方法可以在打字稿中声明嵌套类结构？

Question

我对定义现有框架 (openlayers.d.ts) 很感兴趣，但不知道如何表达 OpenLayers.Layer 既是类又是 OpenLayers.Layer.Markers 的命名空间这一事实。我相信这使 Markers 成为 Layer 的嵌套类。

用法：

l = new OpenLayers.Layer(...); // this is a base class, never do this
m = new OpenLayers.Layer.Markers(...);

如何在 typescript 中同时声明 Layer 和 Markers 类？

Answer 1

目前不支持嵌套类。

http://typescript.codeplex.com/workitem/460

Answer 2

您可以使用命名空间/类合并来获得与嵌套类等效的效果。这个例子改编自 Pro TypeScript 的第 1 章。

您执行与类和命名空间的合并，或者与函数和命名空间的合并。

在所有情况下，命名空间必须出现在类或函数之后才能进行合并。

改编的例子：

class Outer {

}

namespace Outer {
    export class Mid {

    }

    export module Mid {
        export class Inner {

        }
    }
}

var a = new Outer();
var b = new Outer.Mid();
var x = new Outer.Mid.Inner();

Answer 3

这有点晚了，但其他人可能会觉得它很有用。我就是这样骗TS来完成任务的。

declare module OpenLayers {
  interface Layer { 
   ....
  }

  interface Markers {
    ....
  }

  var Layer: {
    new(name:string, options?:any):Layer;
    prototype:Layer;
    Markers: { 
      new(params?:any):Markers;
      prototype: Markers;
    }
  }
}

var markers = new OpenLayers.Layer.Markers();

Answer 4

这似乎已在 0.9.1.1 及更高版本中修复。您只需创建一个与要嵌套类型的类同名的模块，然后将嵌套类型放入其中。

更具体地说，这就是你的做法：

declare module a
{
    class b
    {
    }

    module b
    {
        class c
        {
        }
    }
}

var myB = new a.b();
var myC = new a.b.c();

这在使用 export 关键字在打字稿代码中嵌套类型时也有效：

export module a
{
    export class b
    {
    }

    export module b
    {
        export enum c
        {
            C1 = 1,
            C2 = 2,
            C3 = 3,
        }
    }
}

正如用户@recursive 在下面的cmets 中提到的，声明的顺序很重要。所以类定义必须位于具有嵌套类型的模块之前。

Answer 5

截至 2016 年，我想这更容易：

class A {
    static B = class { }
}

var a = new A();
var b = new A.B();

Answer 6

为此使用 TypeScript 的 类表达式：

var OpenLayers = class {
    static Layer = class {
        static Markers = class {}
    }
}