📜  TypeScript-模块

📅  最后修改于: 2020-10-19 03:57:15             🧑  作者: Mango


设计一个模块的目的是组织用TypeScript编写的代码。模块大致分为-

  • 内部模块
  • 外部模块

内部模块

内部模块来自早期版本的Typescript。这用于将类,接口,功能按逻辑分组到一个单元中,并可以导出到另一个模块中。在最新版本的TypeScript中,此逻辑分组被命名为命名空间。因此内部模块已经过时了,我们可以使用命名空间。内部模块仍受支持,但建议在内部模块上使用名称空间。

内部模块语法(旧)

module TutorialPoint { 
   export function add(x, y) {  
      console.log(x+y); 
   } 
}

命名空间语法(新)

namespace TutorialPoint { 
   export function add(x, y) { console.log(x + y);} 
}

两种情况下生成的JavaScript是相同的

var TutorialPoint; 
(function (TutorialPoint) { 
   function add(x, y) { 
      console.log(x + y); 
   } 
   TutorialPoint.add = add; 
})(TutorialPoint || (TutorialPoint = {}));

外部模块

TypeScript中存在外部模块,用于指定和加载多个外部js文件之间的依赖关系。如果仅使用一个js文件,则外部模块无关。传统上,JavaScript文件之间的依赖性管理是使用浏览器脚本标签(