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的詳細內容，更多請關注本站其它相關文章！