typescript 命名空间namespace
程序员文章站
2022-03-21 13:12:47
作用:将项目模块化,减少全局变量(1)使用namespace xx{内容...需要暴露的内容export ...}命名空间在js文件中会被转换成var xx;(function(){多个类会被分别放进自启动函数中var 类名=(function(){内容1...})var 类名=(function(){内容2...})其他内容会不变暴露的内容:...
作用:将项目模块化,减少全局变量
(1)使用
namespace xx{
内容...
需要暴露的内容
export ...
}
命名空间在js文件中会被转换成
var xx;
(function(){
多个类会被分别放进自启动函数中
var 类名=(function(){
内容1...
})
var 类名=(function(){
内容2...
})
其他内容会不变
暴露的内容:
xx.名称=变量名
})(xx || xx={})
(2)文件中使用其他.ts中的命名空间的内容
1、在顶部声明ts依赖文件路径(可选,不写也能使用,增强可读性)
///<reference path='/路径/x.ts'>
2、命名空间名称.暴露的变量名称
(3)修改tsconfig.json(可选)
使得多个命名空间文件合并
"module": "amd",
"outFile": "./x/xx.js", 将多个文件打包到一个文件内
(4).html文件引入合并后的js文件(单独编译后的js文件)
通过命名空间的名称直接调用即可
本文地址:https://blog.csdn.net/weixin_43294560/article/details/107498941