前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeScript namespace 命名空间

TypeScript namespace 命名空间

作者头像
Leophen
发布2020-08-11 12:00:46
1.1K0
发布2020-08-11 12:00:46
举报
文章被收录于专栏:Web前端开发Web前端开发

命名空间一个最明确的目的就是解决重名问题,其定义了标识符的可见范围,一个标识符可在多个名字空间中定义,它在不同名字空间中的含义是互不相干的。

这样,在一个新的名字空间中可定义任何标识符,它们不会与任何已有的标识符发生冲突,因为已有的定义都处于其他名字空间中。

一、TypeScript 命名空间

TypeScript 中使用 namespace 来定义命名空间,语法格式如下:

代码语言:javascript
复制
namespace SomeNameSpaceName { 
  export interface ISomeInterfaceName {      }  
  export class SomeClassName {      }  
}

以上定义了一个命名空间 SomeNameSpaceName,如果我们需要在外部可以调用 SomeNameSpaceName 中的类和接口,则需要在类和接口添加 export 关键字

在另外一个命名空间调用语法格式为:

代码语言:javascript
复制
SomeNameSpaceName.SomeClassName;

如果一个命名空间在一个单独的 TypeScript 文件中,则应使用三斜杠 /// 引用它,语法格式如下:

代码语言:javascript
复制
/// <reference path = "SomeFileName.ts" />

举个例子:

page.ts 文件:

index.html 文件:

二、嵌套命名空间

命名空间支持嵌套,即可以将命名空间定义在另外一个命名空间中

代码语言:javascript
复制
namespace namespace_name1 { 
  export namespace namespace_name2 {
      export class class_name {    } 
  } 
}

成员的访问使用点号 . 来实现,如下实例:

page1.ts 文件

page2.ts 文件

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-08-10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、TypeScript 命名空间
    • page.ts 文件:
      • index.html 文件:
      • 二、嵌套命名空间
        • page1.ts 文件
          • page2.ts 文件
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档