ES6的模块导入导出怎么操作

在ES6中，模块的导入和导出可以通过import和export关键字来实现。下面是一些基本的操作示例：

1. 导出模块：

你可以导出任何类型的值，包括函数、对象、原始值等。例如：

// math.js
export function sum(x, y) {
  return x + y;
}

export const PI = 3.14159;

// 或者使用一个对象来导出多个值
export { sum, PI };

2. 导入模块：

要导入一个模块，你需要使用import关键字，后面跟上模块名和要导入的值。例如：

// main.js
import { sum, PI } from './math.js';

console.log(sum(1, 2)); // 输出：3
console.log(PI); // 输出：3.14159

如果你想导入一个模块的所有导出值，可以使用*通配符：

// main.js
import * as math from './math.js';

console.log(math.sum(1, 2)); // 输出：3
console.log(math.PI); // 输出：3.14159

3. 默认导出：

每个模块可以有一个默认导出。默认导出可以像普通导出一样被导入，但是导入时可以使用任意名称。例如：

// math.js
export default function sum(x, y) {
  return x + y;
}

导入默认导出：

// main.js
import sum from './math.js';

console.log(sum(1, 2)); // 输出：3

注意，默认导出和命名导出可以同时存在于一个模块中：

// math.js
export default function sum(x, y) {
  return x + y;
}

export const PI = 3.14159;

导入默认导出和命名导出：

// main.js
import sum, { PI } from './math.js';

console.log(sum(1, 2)); // 输出：3
console.log(PI); // 输出：3.14159

这就是ES6模块导入导出的基本操作。在实际项目中，你可能需要根据项目结构和需求进行相应的调整。