Подтвердить что ты не робот

TypeScript пространство имен модулей в нескольких файлах

Я пытаюсь воспроизвести функцию С# в Typescript.

Скажем, у меня есть эта структура папок

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

Вот мое предложение. Я думаю, что вы хотите определить модуль, который распространяется на несколько исходных файлов. Для этого вам необходимо использовать внутренний модуль следующим образом:

Модели /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'/> statement.