来看看TS中,简化命名空间操作的方法

「这是我参与11月更文挑战的第18天,活动详情查看:2021最后一次更文挑战

前言

在前面两篇文章中,我们介绍了如何在TS里使用命名空间,来组织你的代码,其中主要用到namespace关键字,格式如下:namespace X {},而且我们解决了一个遗留问题,我们将过大的单个文件,根据需求分离到不同的文件中

传送门:

今天要讲的也是跟命名空间相关的,一种简化命名空间操作的方法

起因

在我们使用某个命名空间里的东西的时候,往往会比较麻烦,比如以下代码:

namespace Shapes {
    export namespace Polygons {
        export class Triangle { }
        export class Square { }
    }
}
复制代码

如果我们要使用里头的Triangle或者Square,我们大概是这样子:

new Shapes.Polygons.Triangle();
new Shapes.Polygons.Square();
复制代码

可以看到后面一大串,太长了

我们就是要解决这个问题,简化命名空间

简化命名空间

要简化命名空间,核心就是给常用的对象起一个短的名字

TS中使用import为指定的符号创建一个别名,格式大概是:import q = x.y.z

它有点像var,但它还适用于类型和导入的具有命名空间含义的符号,而且对于值来讲, import会生成与原始符号不同的引用

下面我们使用,import简化代码:

import polygons = Shapes.Polygons;
复制代码

然后使用的时候就变得简洁了

new polygons.Square();
//之前是new Shapes.Polygons.Square();
复制代码

而且,不管多长,都是如此简洁

注意,我们并没有使用require关键字,而是直接使用导入符号的限定名赋值。不要与用来加载模块的 import x = require('name')语法弄混了

END

以上就是本文的所有内容,如有问题,欢迎指正~

Guess you like

Origin juejin.im/post/7032172520287666184