首页 前端知识 TS-namespace(命名空间)

TS-namespace(命名空间)

2024-06-08 22:06:06 前端知识 前端哥 930 204 我要收藏

在ts中,namespace(命名空间)相当于闭包,可以隔绝作用域,格式如下:namespace X {}

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

namespace Shapes {
    export namespace Polygons {
        export class Triangle { }
        export class Square { }
    }
}

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

new Shapes.Polygons.Triangle();
new Shapes.Polygons.Square();

可以看到后面一大串,太长了,我们就是要解决这个问题,简化命名空间

2.简化命名空间
要简化命名空间,核心就是给常用的对象起一个短的名字
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')语法弄混了

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11528.html
标签
评论
发布的文章

小米商城

2024-06-16 15:06:28

JSON转日期,变为数字串

2024-06-16 09:06:45

使用axios读取本地json文件

2024-06-16 09:06:39

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!