欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

typescript 命名空间namespace

程序员文章站 2022-06-19 16:26:07
作用:将项目模块化,减少全局变量(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

相关标签: typescript