TypeScript模块命名空间在多个文件中

时间:2012-10-11 18:03:49

标签: typescript

我试图在Typescript中模仿C#的一个功能。

假设我有这个文件夹结构

App.ts
Models/
    Person.ts
    Message.ts

然后我在App.ts想要这个:

module MyAppNamespace {
    export class ChatApp {
        User: Models.Person;
        constructor () => {
            this.User = new Models.Person("John");
            this.User.Message = new Models.Message("Hello World");
        }
    }
}

我该怎么做?

1 个答案:

答案 0 :(得分:33)

这是我的建议。我想你想要做的是定义一个扩展到几个源文件的模块。为此,您需要使用内部模块,如下所示:

<强>模型/ Person.ts

module Model {

  export class Person {
      name: string;
      Message : Message;
      constructor(name: string) {
          this.name = name;
      }   
  }
}

<强>模型/ Message.ts

module Model {
   export class Message {
       message: string;
       constructor(message: string) {
          this.message = message;
       }   
   }
}

<强> App.ts

///<reference path='Models/Person.ts'/>
///<reference path='Models/Message.ts'/>
module MyAppNamespace {
    export class ChatApp {
        User: Model.Person;
        constructor () => {
            this.User = new Model.Person("John");
            this.User.Message = new Model.Message("Hello World");
        }   
    }   
}

如果用

编译它
tsc App.ts
然后一切都应该有效。注意如何在两个源文件中声明模块outer。由于这是一个内部模块,我们必须通过添加///<reference path='foo.ts'/>语句告诉编译器将它们放入我们的范围。