溫馨提示×

首頁 > 教程 > 編程開發(fā) > Typescript基礎教程 > 命名導出

命名導出

在Typescript中，我們可以使用命名導出來導出模塊中的多個變量、函數(shù)或類。下面是一個詳細的教程：

  1. 創(chuàng)建一個新的Typescript文件，命名為example.ts，用于示例代碼。

  2. 在example.ts文件中添加以下代碼：

export const variable1: number = 10;
export const variable2: string = 'Hello, Typescript!';

export function add(a: number, b: number): number {
  return a + b;
}

export class ExampleClass {
  constructor(private name: string) {}

  sayHello(): void {
    console.log(`Hello, ${this.name}!`);
  }
}

  1. 創(chuàng)建另一個Typescript文件，命名為main.ts，用于引入example.ts中的內(nèi)容。

  2. 在main.ts文件中添加以下代碼：

import { variable1, variable2, add, ExampleClass } from './example';

console.log(variable1); // 輸出：10
console.log(variable2); // 輸出：Hello, Typescript!

console.log(add(5, 3)); // 輸出：8

const example = new ExampleClass('Typescript');
example.sayHello(); // 輸出：Hello, Typescript!
  1. 在命令行中使用Typescript編譯器將兩個文件編譯成JavaScript文件：
tsc example.ts main.ts
  1. 在瀏覽器中打開main.js文件，可以看到控制臺輸出了相應的內(nèi)容。

通過以上步驟，我們成功地使用了命名導出來導出模塊中的多個變量、函數(shù)和類，并在另一個文件中引入并使用了這些內(nèi)容。這樣可以更好地組織和管理代碼，使代碼更加模塊化和可維護。希望這個教程能幫助到你學習Typescript中的模塊化開發(fā)。