TypeScript 命名空间与TypeScript 模块

目录

一、TypeScript 命名空间

1.TypeScript 命名空间创建和简单使用

2.嵌套命名空间的简单使用

二、TypeScript 模块

1.TypeScript 模块创建和简单使用

---

一、TypeScript 命名空间

1.TypeScript 命名空间创建和简单使用

命名空间主要解决重名问题，命名空间定义了标识符的可见范围，一个标识符可在多个名字空间中定义，它在不同名字空间中的含义是互不相干的。这样，在一个新的名字空间中可定义任何标识符，它们不会与任何已有的标识符发生冲突，因为已有的定义都处于其他名字空间中。

创建speak.ts文件

namespace Speak { 
    export interface peopleSpeak { 
        speakFun():any; 
    }
}

当需要在外部调用命名空间中的类和接口，则需要在类和接口添加 export 关键字

2.命名空间在一个单独的 TypeScript 文件中，可使用三斜杠 /// 引用它，语法格式如下：

/// <reference path = "speak.ts" /> 

创建speak1.ts文件

/// <reference path = "speak.ts" /> 
namespace Speak { 
    export class SpeakHello implements peopleSpeak { 
        public speakFun() { 
            console.log("Hello"); 
        }  
    }
}

创建speak2.ts文件

/// <reference path = "speak.ts" /> 
namespace Speak { 
    export class SpeakTs implements peopleSpeak { 
        public speakFun() { 
            console.log("ts"); 
        } 
    } 
}

创建oneSpeak.ts文件

/// <reference path = "speak.ts" />   
/// <reference path = "speak1.ts" /> 
/// <reference path = "speak2.ts" />  
function drawAllShapes(speak:Speak.peopleSpeak) { 
    speak.speakFun(); 
} 
drawAllShapes(new Speak.SpeakHello()); //Hello
drawAllShapes(new Speak.SpeakTs()); //ts

2.嵌套命名空间的简单使用

命名空间支持嵌套，可以将命名空间定义在另外一个命名空间里面，使用export导出命名空间

创建oneNest.ts文件

namespace XiaoGuai { 
    export namespace Sam { 
       export class Speak { 
          public speakTs(oneStr: string) { 
             return oneStr; 
          } 
       } 
    } 
 }

创建oneSpeak.ts文件

/// <reference path = "oneNest.ts" />
let oneStr = new XiaoGuai.Sam.Speak(); 
console.log(oneStr.speakTs("hello ts")); //hello ts

二、TypeScript 模块

1.TypeScript 模块创建和简单使用

模块是在其自身的作用域里执行，并不是在全局作用域，定义在模块里面的变量、函数和类等在模块外部是不可见的，如果使用可以用export 导出它们。并通过 import 导入其他模块导出的变量、函数、类等。两个模块之间的关系是通过在文件级别上使用 import 和 export 建立的。

模块使用模块加载器去导入其它的模块。 在运行时，模块加载器的作用是在执行此模块代码前去查找并执行这个模块的所有依赖。如Node.js 的 CommonJS 和服务于 Web 应用的 Require.js。

创建hello.ts文件

export interface peopleSpeak {
    speakFun(): any;
}

创建helloClass.ts文件

import hello = require("./hello"); 
export class helloClass implements hello.peopleSpeak { 
   public speakFun() { 
      console.log("hello"); 
   } 
}

创建doHello.ts文件

import hello = require("./hello"); 
import helloClass = require("./helloClass"); 

function doHelloFun(helloClass: hello.peopleSpeak) {
    helloClass.speakFun(); 
 } 
  
 doHelloFun(new helloClass.helloClass()); //hello

有问题可以在下面评论，我会为大家解答。