ES6模块化：Export和Import方法详解

ES6模块化：Export和Import方法

ES6模块化提供了export和import两种方法，用于模块之间的操作。

export方法

export方法可以将一个模块中定义的变量、函数、类等对象暴露出去，供其他模块使用。它的使用形式有以下几种：

• export var xxx = xxx：用于暴露模块中定义的变量，xxx为变量名，xxx为变量的值；
• export function xxx() { ... }：用于暴露模块中定义的函数，xxx为函数名，{ ... }为函数体；
• export class xxx { ... }：用于暴露模块中定义的类，xxx为类名，{ ... }为类的定义；
• export { xxx, yyy, zzz }：用于暴露模块中定义的多个变量、函数、类等对象，xxx、yyy、zzz为对象名；
• export default xxx：用于暴露模块中的默认对象，xxx为对象名。

import方法

import方法可以用于从另一个模块中导入暴露出去的变量、函数、类等对象，它的使用形式有以下几种：

• import xxx from xxx：用于从另一个模块中导入暴露出去的默认对象，xxx为模块名，xxx为对象名；
• import { xxx, yyy, zzz } from xxx：用于从另一个模块中导入暴露出去的多个变量、函数、类等对象，xxx、yyy、zzz为对象名，xxx为模块名；
• import * as xxx from xxx：用于从另一个模块中导入暴露出去的所有变量、函数、类等对象，xxx为模块名，xxx为对象名。

// 定义一个模块
export var name = 'Tom';
export function sayHello() {
  console.log('Hello, ' + name);
}

// 导入模块
import { name, sayHello } from './module';

// 使用模块
sayHello(); // Hello, Tom

ES6模块化提供了export和import两种方法，用于模块之间的操作。export方法可以将一个模块中定义的变量、函数、类等对象暴露出去，供其他模块使用；import方法可以用于从另一个模块中导入暴露出去的变量、函数、类等对象。