typescript如何使用export

typescript 中的导出功能允许将模块内成员对外公开，提升代码组织性和重用性。导出实体包括：类、接口、函数、变量和常量。使用 export 关键字标记要导出的实体，也可一次导出多个实体。默认导出只能在模块内进行一次，用于导出单个类、函数或变量。导入导出实体可通过 import 语句完成，支持自定义导出名称和导入别名。

TypeScript 中的导出 (export)

TypeScript 中的导出用于使类、接口、函数和其他模块成员对其他部分可见。导出允许在模块化开发中组织代码，提高代码的可重用性和可维护性。

如何导出

要导出 TypeScript 中的实体，请使用 export 关键字。例如：

// 导出一个名为 Person 的类export class Person {  name: string;  age: number;}

登录后复制

导出类型

导出类和接口:

export class MyClass {}export interface MyInterface {}

登录后复制

导出函数

export function myFunction() {}

登录后复制

导出变量和常量

export const myVariable = 10;export const myConstant = "Hello";

登录后复制

导出多个实体

可以使用 export 关键字一次导出多个实体：

export { MyClass, myFunction, myVariable };

登录后复制

默认导出

TypeScript 允许导出一个默认值，该值可以是类、函数或变量。默认导出只能在模块中进行一次：

// 默认导出 MyClass 类export default class MyClass {}

登录后复制

导入导出实体

导出的实体可以使用 import 语句从其他模块中导入。例如：

import { MyClass } from "./my-module";const person = new MyClass();

登录后复制

命名导出和导入别名

导出时可以为实体指定自定义名称，导入时可以使用 as 关键字指定别名：

// 导出 MyClass 类，并使用别名 "MyClass2"export { MyClass as MyClass2 };// 导入 MyClass 类，并使用别名 "MyClass3"import { MyClass2 as MyClass3 } from "./my-module";

登录后复制

注意事项

• 导出的实体必须置于模块的顶层，不能在函数或块内导出。
• 默认导出只能在模块中进行一次，如果多次导出，编译器将报错。
• 导出的实体名称不能与模块中其他名称冲突。

以上就是typescript如何使用export的详细内容，更多请关注本站其它相关文章！