Typescript中的命名空间与模块解析

在TypeScript中，命名空间和模块解析是两个不同的概念，它们都用于组织和封装代码。让我们分别了解它们的作用和使用方法。

1. 命名空间（Namespace）：

命名空间是一种将相关代码组织在一起的方法，以避免全局变量污染和命名冲突。命名空间在TypeScript中通过关键字namespace定义。它们类似于JavaScript中的var关键字，但具有更高级的功能，如内部类和接口。

以下是一个命名空间的示例：

namespace MyNamespace {
    export class MyClass {
        public message: string;

        constructor(message: string) {
            this.message = message;
        }

        public sayHello() {
            console.log("Hello, " + this.message);
        }
    }
}

// 使用命名空间中的类
const myInstance = new MyNamespace.MyClass("World");
myInstance.sayHello(); // 输出 "Hello, World"

2. 模块解析（Module Resolution）：

模块解析是TypeScript编译器在编译过程中查找和加载依赖模块的过程。TypeScript使用ES6模块语法（import和export）来支持模块化编程。模块解析的主要任务是找到模块的路径并加载其内容。

TypeScript编译器内置了一个名为tsconfig.json的配置文件，其中包含一个名为"baseUrl"的属性，用于指定模块解析的基本路径。此外，还可以使用paths属性为特定模块路径定义别名，以简化导入语句。

以下是一个tsconfig.json示例，其中定义了基本路径和别名：

{
    "compilerOptions": {
        "baseUrl": "./src",
        "paths": {
            "@components/*": ["components/*"]
        }
    }
}

在这个例子中，我们为@components路径定义了一个别名，它指向src/components目录。这样，我们可以使用简洁的导入语句导入该目录下的模块，如下所示：

import { MyComponent } from '@components/MyComponent';

总结一下，命名空间用于在代码中组织相关功能，避免全局变量污染和命名冲突，而模块解析是TypeScript编译器在编译过程中查找和加载依赖模块的过程。通过使用命名空间和模块解析，我们可以更好地组织和维护大型项目的代码。