首页 > 其他分享 >TypeScript 命名空间

TypeScript 命名空间

时间:2023-02-27 15:11:37浏览次数:38  
标签:function TypeScript Triangle namespace 空间 export 命名 Circle Drawing

TypeScript 命名空间

命名空间一个最明确的目的就是解决重名问题。

假设这样一种情况,当一个班上有两个名叫小明的学生时,为了明确区分它们,我们在使用名字之外,不得不使用一些额外的信息,比如他们的姓(王小明,李小明),或者他们父母的名字等等。

命名空间定义了标识符的可见范围,一个标识符可在多个名字空间中定义,它在不同名字空间中的含义是互不相干的。这样,在一个新的名字空间中可定义任何标识符,它们不会与任何已有的标识符发生冲突,因为已有的定义都处于其他名字空间中。

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

namespace SomeNameSpaceName { export interface ISomeInterfaceName { } export class SomeClassName { } }

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

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

SomeNameSpaceName.SomeClassName;

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

/// <reference path = "SomeFileName.ts" />

以下实例演示了命名空间的使用,定义在不同文件中:

IShape.ts 文件代码:

namespace Drawing { export interface IShape { draw(); } }

Circle.ts 文件代码:

/// <reference path = "IShape.ts" /> namespace Drawing { export class Circle implements IShape { public draw() { console.log("Circle is drawn"); } } }

Triangle.ts 文件代码:

/// <reference path = "IShape.ts" /> namespace Drawing { export class Triangle implements IShape { public draw() { console.log("Triangle is drawn"); } } }

TestShape.ts 文件代码:

/// <reference path = "IShape.ts" /> /// <reference path = "Circle.ts" /> /// <reference path = "Triangle.ts" /> function drawAllShapes(shape:Drawing.IShape) { shape.draw(); } drawAllShapes(new Drawing.Circle()); drawAllShapes(new Drawing.Triangle());

使用 tsc 命令编译以上代码:

tsc --out app.js TestShape.ts  

得到以下 JavaScript 代码:

JavaScript

/// <reference path = "IShape.ts" /> var Drawing; (function (Drawing) { var Circle = /** @class */ (function () { function Circle() { } Circle.prototype.draw = function () { console.log("Circle is drawn"); }; return Circle; }()); Drawing.Circle = Circle; })(Drawing || (Drawing = {})); /// <reference path = "IShape.ts" /> var Drawing; (function (Drawing) { var Triangle = /** @class */ (function () { function Triangle() { } Triangle.prototype.draw = function () { console.log("Triangle is drawn"); }; return Triangle; }()); Drawing.Triangle = Triangle; })(Drawing || (Drawing = {})); /// <reference path = "IShape.ts" /> /// <reference path = "Circle.ts" /> /// <reference path = "Triangle.ts" /> function drawAllShapes(shape) { shape.draw(); } drawAllShapes(new Drawing.Circle()); drawAllShapes(new Drawing.Triangle());

使用 node 命令查看输出结果为:

$ node app.js
Circle is drawn
Triangle is drawn

嵌套命名空间

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

namespace namespace_name1 { export namespace namespace_name2 { export class class_name { } } }

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

Invoice.ts 文件代码:

namespace Runoob { export namespace invoiceApp { export class Invoice { public calculateDiscount(price: number) { return price * .40; } } } }

InvoiceTest.ts 文件代码:

/// <reference path = "Invoice.ts" /> var invoice = new Runoob.invoiceApp.Invoice(); console.log(invoice.calculateDiscount(500));

使用 tsc 命令编译以上代码:

tsc --out app.js InvoiceTest.ts

得到以下 JavaScript 代码:

JavaScript

var Runoob; (function (Runoob) { var invoiceApp; (function (invoiceApp) { var Invoice = /** @class */ (function () { function Invoice() { } Invoice.prototype.calculateDiscount = function (price) { return price * .40; }; return Invoice; }()); invoiceApp.Invoice = Invoice; })(invoiceApp = Runoob.invoiceApp || (Runoob.invoiceApp = {})); })(Runoob || (Runoob = {})); /// <reference path = "Invoice.ts" /> var invoice = new Runoob.invoiceApp.Invoice(); console.log(invoice.calculateDiscount(500));

使用 node 命令查看输出结果为:

$ node app.js
200

标签:function,TypeScript,Triangle,namespace,空间,export,命名,Circle,Drawing
From: https://www.cnblogs.com/chenchuang/p/17159752.html

相关文章

  • TypeScript 声明文件
    TypeScript声明文件TypeScript作为JavaScript的超集,在开发过程中不可避免要引用其他第三方的JavaScript的库。虽然通过直接引用可以调用库的类和方法,但是却无法使用......
  • 本地虚拟机centos7空间扩展10G记录
    因为要安装oracle11g的docker版本,空间不够,所以增加10G空间进入linux系统df-h发现跟原来一样没有增加,需要进行操作按下面操作,主要是fdisk/dev/sda[root@localhost~]#fdis......
  • 发现oracle10gSYSAUX空间没有了进行处理
      今天用户反馈sap有些因为有问题,所以寻找一下原因:1、用db02看空间情况 看这里好像空间是没有了,99%使用掉了2、用toad看空间也是类型情况,所以确实这个表空间没有了3、检......
  • mybatisPlus驼峰命名映射
    踩坑记录项目使用mybatisPlus,在查询时候,数据库明明有值,且可返回,但是到了list里部分值就是null。最后发现是封装的实体中的字段与数据库写的一样,如数据库是user_name,实体......
  • 推荐 7 个学习 TypeScript 的宝库,2021 学 TS 看这篇就够了!
    前言猫哥是一个常年混迹在GitHub上的猫星人,所以发现了不少好的前端开源项目、常用技巧,在此分享给大家。公众号:前端GitHub,专注于挖掘GitHub上优秀的前端开源项目,并以......
  • TypeScript 基础语法
    TypeScript基础语法TypeScript程序由以下几个部分组成:模块函数变量语句和表达式注释第一个TypeScript程序我们可以使用以下TypeScript程序来输出"HelloW......
  • TypeScript 基础类型
    TypeScript基础类型TypeScript包含的数据类型如下表:数据类型关键字描述任意类型any声明为any的变量可以赋予任意类型的值。数字类型number双精度64位......
  • ORACLE空间管理实验8:数据块格式分析--DUMP结合BBED
    使用DUMP数据块格式结合BBED进行查看。####################实验准备步骤:BYS@bys3>createtabletest6(aaint,bbvarchar2(10));Tablecrea......
  • ORACEL空间管理实验9:空间管理汇总--索引和表的扫描/闪回时的块管理方式
    1.补充--关于dba_objects中的 DATA_OBJECT_ID和OBJECT_ID字段:truncatetabletest1;altertabletest1movetablespacetp2;selectobject_id,data_object_idfromdba_o......
  • HelloTypeScript
    HelloTypeScriptTypeScript是JS的超级,是一个可选的、静态的类型系统静态的(类型检查发生的时间,在编译的时候,而非运行时)类型系统(对代码中所有的标识符(变量、函数、参数......