typescript - 多个文件中的 TypeScript 模块命名空间

Question

我试图在 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");
        }
    }
}

我该怎么做？

Answer 1

这是我的建议。我认为您想要做的是定义一个扩展多个源文件的模块。为此，您需要使用如下内部模块：

模特/人物.ts

module Model {

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

模型/消息.ts

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

应用程序.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'/>语句告诉编译器将它们放入我们的范围内。