typescript模块
时间: 2023-09-13 10:09:27 浏览: 160
TypeScript是JavaScript的一个超集,它添加了静态类型检查和其他一些语言特性。在使用TypeScript时,我们可以使用模块来组织我们的代码。
模块是一个独立的、封装的代码单元,它可以被导出、导入和复用。通过使用模块,我们可以更好地组织代码,使其更具可维护性和可扩展性。
在TypeScript中,我们可以使用关键字`export`来导出一个模块,使用`import`来导入一个模块。例如,我们可以创建一个名为`math.ts`的模块,其中包含两个函数`add`和`subtract`,并将其导出:
```
// math.ts
export function add(a: number, b: number): number {
return a + b;
}
export function subtract(a: number, b: number): number {
return a - b;
}
```
我们可以在另一个文件中导入这个模块,并使用它的函数:
```
// app.ts
import { add, subtract } from './math';
console.log(add(1, 2)); // 3
console.log(subtract(3, 2)); // 1
```
注意,在上面的例子中,我们使用相对路径`./math`来指定要导入的模块。这是因为我们将`math.ts`文件和`app.ts`文件放在同一个目录下。如果我们将`math.ts`文件放在不同的目录中,我们需要使用相对于根目录的路径或绝对路径来导入模块。
除了使用`export`和`import`关键字之外,TypeScript还支持`export default`语法来导出一个默认的模块。例如,我们可以将`math.ts`文件中的`add`函数作为默认导出:
```
// math.ts
export default function add(a: number, b: number): number {
return a + b;
}
```
我们可以在另一个文件中使用`import`关键字来导入默认模块:
```
// app.ts
import add from './math';
console.log(add(1, 2)); // 3
```
请注意,我们在导入默认模块时不需要使用花括号。
这是一些关于TypeScript模块的基本概念,希望对你有所帮助!
阅读全文