TypeScript模块化与命名空间

# 1. TypeScript简介与模块化概念

## 1.1 TypeScript简介

TypeScript是一个由微软开发的开源编程语言，是JavaScript的一个超集，它添加了可选的静态类型和基于类的面向对象编程，可编译为纯JavaScript。TypeScript可以帮助开发人员在大型项目中编写更可靠的代码，提高代码的可维护性和可读性。

## 1.2 模块化概念介绍

在大型项目中，为了更好地组织和管理代码，通常会采用模块化的方式。模块化能够将代码划分为相互独立且可以重复使用的部分，有助于提高代码的复用性和可维护性，减少代码的耦合度。

## 1.3 TypeScript中的模块化特性

TypeScript原生支持ECMAScript 2015（ES6）的模块化语法，并在此基础上进行了扩展，提供了更丰富的模块化特性，包括导入导出功能、默认导出、命名导出等。通过模块化，开发人员可以更好地组织和管理代码，提高项目的可维护性和可扩展性。

# 2. TypeScript模块化语法介绍

在本章中，我们将介绍TypeScript中的模块化语法，包括import和export关键字、默认导出和命名导出以及模块化语法示例。

### 2.1 import和export关键字

在TypeScript中，使用`import`关键字可以引入其他模块导出的内容，而使用`export`关键字可以将当前模块中的内容导出供其他模块使用。这样可以实现代码的复用和模块化管理。

// moduleA.ts
export const greeting = "Hello, World!";

// moduleB.ts
import { greeting } from "./moduleA";
console.log(greeting); // 输出: Hello, World!

上述代码中，moduleA中使用`export`导出了greeting变量，而moduleB中使用`import`引入了moduleA中导出的greeting变量，实现了模块化代码的复用。

### 2.2 默认导出和命名导出

TypeScript中的模块可以使用默认导出和命名导出。默认导出使用`export default`语法，而命名导出使用`export`语法。

// moduleA.ts
const name = "Alice";
export default name;

// moduleB.ts
import name from "./moduleA"; // 默认导出可以使用任意变量名
console.log(name); // 输出: Alice

// moduleA.ts
export const age = 25; // 命名导出
export const gender = "female"; // 命名导出

// moduleB.ts
import { age, gender } from "./moduleA";
console.log(age, gender); // 输出: 25 female

### 2.3 模块化语法示例

下面是一个用于演示模块化语法的示例代码，我们将创建两个模块moduleA和moduleB，分别导出和引入其中的内容。

// moduleA.ts
const name = "Tom";
export default name;

// moduleB.ts
import defaultName from "./moduleA";
console.log(defaultName); // 输出: Tom
`