在Typescript中,可以使用export
關鍵字導出模塊,使用import
關鍵字導入模塊。以下是一些常用的模塊導入導出示例:
// module.ts
export const myVariable: string = "Hello";
export function myFunction(): void {
console.log("Function called");
}
// 使用模塊
import { myVariable, myFunction } from './module';
console.log(myVariable); // 輸出: Hello
myFunction(); // 輸出: Function called
// module.ts
export class MyClass {
constructor() {
console.log("Class constructor called");
}
}
// 使用模塊
import { MyClass } from './module';
const myClass = new MyClass(); // 輸出: Class constructor called
// module.ts
export default function myDefaultFunction(): void {
console.log("Default function called");
}
// 使用模塊
import myDefaultFunction from './module';
myDefaultFunction(); // 輸出: Default function called
需要注意的是,如果使用export default
導出模塊,則在導入時不需要使用花括號,直接使用import moduleName from './module'
即可。