广西网络网站建设,免费的手机网站模板,hype做网站动效,动漫制作专业属于什么大类1、TypeScript 命名空间
命名空间一个最明确的目的就是解决重名问题。
假设这样一种情况#xff0c;当一个班上有两个名叫小明的学生时#xff0c;为了明确区分它们#xff0c;我们在使用名字之外#xff0c;不得不使用一些额外的信息#xff0c;比如他们的姓#xff0…1、TypeScript 命名空间
命名空间一个最明确的目的就是解决重名问题。
假设这样一种情况当一个班上有两个名叫小明的学生时为了明确区分它们我们在使用名字之外不得不使用一些额外的信息比如他们的姓王小明李小明或者他们父母的名字等等。
命名空间定义了标识符的可见范围一个标识符可在多个命名空间中定义它在不同命名空间中的含义是互不相干的。这样在一个新的命名空间中可定义任何标识符它们不会与任何已有的标识符发生冲突因为已有的定义都处于其他命名空间中。
TypeScript 中命名空间使用 namespace 来定义语法格式如下
namespace SomeNameSpaceName { export interface ISomeInterfaceName { } export class SomeClassName { }
}复制以上定义了一个命名空间 SomeNameSpaceName如果我们需要在外部可以调用 SomeNameSpaceName 中的类和接口则需要在类和接口添加 export 关键字。
要在另外一个命名空间调用语法格式为
SomeNameSpaceName.SomeClassName;如果一个命名空间在一个单独的 TypeScript 文件中则应使用三斜杠 /// 引用它语法格式如下
/// reference path SomeFileName.ts /以下实例演示了命名空间的使用定义在不同文件中qr23.cn/AKFP8k点击或复制转到。 IShape.ts 文件代码
HarmonyOS与OpenHarmony开发文档mau123789是v直接拿取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 drawn2、嵌套命名空间
命名空间支持嵌套即你可以将命名空间定义在另外一个命名空间里头。
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
