TypeScript 命名空间及模块化

TypeScript 命名空间及模块化

  • 命名空间
  • 模块化

命名空间

// page.ts

// 所有的类都会变成全局变量
// 现在只要page是全局变量,采用namespace
// 类似模块发开发,一组相关内容放在一起,对外放置一个接口

// 两个namespace 之间的关系
///
namespace Home{
   
    export class Page {
   
        // 只能类里面使用
        user:Components.User = {
   
            name:"ting"
        }
        constructor() {
   
            new Components.Header();
            new Components.Content();
            new Components.Footer();
        }
    }
}

// components.ts

// Components:命名Components
// export:命名空间内抛出,可以被外界获取
namespace Components{
   
    export namespace SubComponents {
   
        export class Test{
   }
    }

    export interface User{
   
        name:string
    }

    export class Header

你可能感兴趣的:(typescript)