TypeScript是一种由微软开发的JavaScript超集，它提供了一些强类型注释、面向对象语言特性以及在编译时进行类型检查等优势。这些特性使得TypeScript成为了前端开发中最流行的语言之一。本文将会介绍TypeScript中的模块化与命名空间的使用。
模块化
在TypeScript中，模块化是通过关键字 import 和 export 来实现的。它允许开发者将代码分解成多个独立的模块，从而提高代码的可维护性和复用性。模块化还可以避免全局变量污染的问题，使得代码更加可靠。
export
export 关键字用来导出模块的内容。例如，我们定义一个叫做 Person 的模块，并导出其中一个叫做 sayHi 的函数，我们可以这样写：
export function sayHi(name: string) {
console.log(`Hello, ${name}!`);
}通过这个 export 关键字，我们可以在其他模块中使用这个函数。
import
import 关键字用来引入其他模块的内容。例如，我们在另一个叫做 Greet 的模块中需要使用 Person 模块的 sayHi 函数，我们可以这样写：
import { sayHi } from './person';
sayHi('Tom');其中，'./person' 表示引入当前文件夹中的 person.ts 模块。
default export
除了使用 named export，TypeScript还支持默认导出。默认导出可以看作是导出的一个 Default 对象，只需要在 export 语句后面加上 default 关键字就可以将这个对象导出。例如：
export default function sayHi(name: string) {
console.log(`Hello, ${name}!`);
}这样，在其他模块中引入时就可以不加 {} 直接使用 import sayHi from './person'，非常方便。
命名空间
命名空间是用来解决命名冲突的问题的。它是一种将内部模块分组的方式，这些模块可以使用 export 和 import 关键字来进行导出和导入。
定义命名空间
在TypeScript中，我们可以使用 namespace 关键字定义一个新的命名空间。例如，我们定义一个叫做 People 的命名空间：
-- -------------------- ---- -------
--------- ------ -
------ ----- ------ -
----- -------
---- -------
----------------- ------- ---- ------- -
--------- - -----
-------- - ----
-
------- -
------------------- -- ---- -- ------------- --- ----------- ----- -------
-
-
-其中，People.Person 是一个类，在该命名空间中定义。
访问命名空间
在其他模块中访问命名空间中的类时，我们需要使用 namespace 关键字。例如，在另一个模块中，我们需要使用 People 命名空间中的 Person 类：
namespace App {
const people = new People.Person('Tom', 18);
people.sayHi();
}注意，我们在访问类时，使用的是 People.Person 而不是 Person。
总结
通过本文的介绍，我们了解了TypeScript中的模块化与命名空间的使用和优势。使用这些特性可以使我们的代码更加可维护和可重用，避免全局变量污染的问题。同时，命名空间也可以很好地解决命名冲突的问题。
在代码实现过程中，需要注意导入、导出的语法，以及在访问命名空间中的类时使用 namespace 关键字。
希望读者在使用TypeScript时，可以熟练掌握这些语言特性，提高代码的质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e24361f6b2d6eab3d95d01