TypeScript模塊簡介
TypeScript中的模塊(Modules)是代碼的封裝體,它們可以包含變量、函數、類和接口等。在TypeScript中,模塊可以被其他模塊引用和使用,從而實現代碼的復用和模塊化開發。
TypeScript支持兩種模塊系統:CommonJS和ES6模塊。CommonJS主要在服務器端(如Node.js)使用,而ES6模塊則在瀏覽器端和服務器端都可以使用。
TypeScript模塊使用方法
- 導出模塊
在TypeScript中,你可以使用export
關鍵字來導出模塊。例如,你可以導出一個函數、一個類或者一個接口。
// 導出函數
export function greet() {console.log("Hello, world!");
}// 導出類
export class MyClass {// ...
}// 導出接口
export interface MyInterface {// ...
}
你也可以使用默認導出(default export)。默認導出是一種特殊的導出,每個模塊只能有一個默認導出。使用export default
關鍵字進行默認導出。
const myValue = 42;
export default myValue;
- 導入模塊
在TypeScript中,你可以使用import
關鍵字來導入模塊。你可以導入特定部分,或者使用星號(*)導入模塊的所有導出項。
// 導入特定部分
import { greet, MyClass } from "./myModule";greet(); // 調用導出的函數
let myObject = new MyClass(); // 創建導出的類的實例// 導入默認導出
import myDefaultExport from "./myModule";
console.log(myDefaultExport); // 輸出默認導出的值
- 模塊解析
TypeScript使用模塊解析策略來查找模塊。默認情況下,TypeScript會首先查找.ts
、.tsx
和.d.ts
文件,然后查找.js
和.jsx
文件。你可以通過配置TypeScript的配置文件(tsconfig.json
)來修改這一行為。
4. 使用第三方庫
如果你在使用TypeScript開發時需要使用第三方庫,你可以通過npm(Node Package Manager)來安裝這些庫。安裝完成后,你可以在TypeScript代碼中使用import
語句來導入這些庫。
5. 注意事項
- 確保你的項目已經安裝了TypeScript并配置了正確的編譯選項(通常在
tsconfig.json
文件中配置)。 - 如果你在Node.js環境中使用CommonJS模塊,你可能需要在編譯選項中將
module
設置為commonjs
。 - 如果你在瀏覽器環境中使用ES6模塊,你可能需要在編譯選項中將
module
設置為esnext
或esm
,并確保你的服務器支持ES6模塊。
- 編譯和運行
編譯TypeScript文件通常使用tsc
命令(TypeScript Compiler)。例如,如果你的TypeScript文件名為main.ts
,你可以使用以下命令進行編譯:tsc main.ts
。這將生成一個JavaScript文件(如main.js
),然后你可以使用Node.js或其他JavaScript運行環境來執行該文件。