1. namespace Components {
    2.   export class Header {
    3.     constructor() {
    4.       const elem = document.createElement('div');
    5.       elem.innerText = 'This is Header';
    6.       document.body.appendChild(elem);
    7.     }
    8.   }
    10.   export class Content {
    11.     constructor() {
    12.       const elem = document.createElement('div');
    13.       elem.innerText = 'This is Content';
    14.       document.body.appendChild(elem);
    15.     }
    16.   }
    18.   export class Footer {
    19.     constructor() {
    20.       const elem = document.createElement('div');
    21.       elem.innerText = 'This is Footer';
    22.       document.body.appendChild(elem);
    23.     }
    24.   }
    25. }
    1. // 命名空间相互引用的方式
    2. /// <reference path = './components.ts'>
    3. namespace Home {
    4.     export class Page {
    5.       constructor() {
    6.         new Components.Header()
    7.       new Components.Content()
    8.       new Components.Footer()
    9.     }
    10.   }
    11. }

    子命名空间

    1. namespace Components {
    2.     export namespace SubComponents {
    3.       export class Test {}
    4.   }
    6.   export interface User {
    7.       name: string
    8.   }
    10.   export class Header {
    11.       constructor() { }
    12.   }
    13. }
    15.  Componnets.SubCompents.Test
    16.  Components.User