当前位置: 移动技术网 > IT编程>开发语言>JavaScript > typescript 命名空间namespace

typescript 命名空间namespace

2020年07月22日  | 移动技术网IT编程  | 我要评论
作用:将项目模块化,减少全局变量

(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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网