TypeScript学习指南：从零开始剖析模块与命名空间

2023-12-29 00:57:05

好的，请看我编写的文章：

大家好，欢迎来到TypeScript学习指南系列的第十八讲。在今天这一讲中，我们将深入探讨TypeScript中的模块和命名空间。

模块与命名空间是TypeScript中两种重要的组织代码的方式。模块可以将相关的代码组织在一起，而命名空间可以避免不同模块之间命名冲突。

模块

模块包括代码和声明。模块可以提供更好的代码复用，代码隔离与更好的打包工具支持。对于Node应用，优先推荐使用模块，而非命名空间。

在TypeScript中，可以使用export来将代码导出为模块。被导出的代码可以在其他模块中使用import关键字来导入。

// module.ts
export function add(a: number, b: number): number {
  return a + b;
}

// main.ts
import { add } from './module';

console.log(add(1, 2)); // 3

命名空间

命名空间可以用来组织和分组相关的类型、接口、函数和类。命名空间可以避免不同模块之间命名冲突。

在TypeScript中，可以使用namespace关键字来声明命名空间。命名空间中的成员可以使用点号来访问。

// math.ts
namespace Math {
  export function add(a: number, b: number): number {
    return a + b;
  }

  export function subtract(a: number, b: number): number {
    return a - b;
  }
}

// main.ts
console.log(Math.add(1, 2)); // 3
console.log(Math.subtract(4, 2)); // 2

模块与命名空间的比较

特性	模块	命名空间
代码组织方式	可以将相关的代码组织在一起	可以用来组织和分组相关的类型、接口、函数和类
代码复用	可以实现代码的复用	不能实现代码的复用
代码隔离	可以实现代码的隔离	不能实现代码的隔离
打包工具支持	得到更好的打包工具支持	得不到更好的打包工具支持
优先级	对于Node应用，优先推荐使用模块	对于JavaScript应用，优先推荐使用命名空间