命名导出_Typescript基础教程

命名导出

在Typescript中，我们可以使用命名导出来导出模块中的多个变量、函数或类。下面是一个详细的教程：

创建一个新的Typescript文件，命名为example.ts，用于示例代码。
在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}!`);
  }
}

创建另一个Typescript文件，命名为main.ts，用于引入example.ts中的内容。
在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!

在命令行中使用Typescript编译器将两个文件编译成JavaScript文件：

tsc example.ts main.ts

在浏览器中打开main.js文件，可以看到控制台输出了相应的内容。

通过以上步骤，我们成功地使用了命名导出来导出模块中的多个变量、函数和类，并在另一个文件中引入并使用了这些内容。这样可以更好地组织和管理代码，使代码更加模块化和可维护。希望这个教程能帮助到你学习Typescript中的模块化开发。