如何在ES6中导出导入的对象？

在ES6中，模块系统被引入JavaScript，它允许开发者使用 export 和 import 语法来共享和重用代码。这里是如何在ES6中导出和导入对象的步骤和例子：

导出(Export)

有两种基本的导出方式：命名导出（Named Exports）和默认导出（Default Exports）。

命名导出

命名导出允许你导出多个值。每个值都有其对应的名称。这是一个例子：

javascript
// 文件：mathUtils.js

export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;

这里，我们导出了两个函数：add 和 subtract。

默认导出

默认导出允许你导出一个值作为模块的默认值。这是一个例子：

javascript
// 文件：StringUtils.js

const greet = (name) => `Hello, ${name}!`;
export default greet;

这里，我们导出了一个函数 greet 作为默认导出。

导入(Import)

与导出对应，导入也分为导入命名导出的值和导入默认导出的值。

导入命名导出

你可以按如下方式导入一个或多个命名导出的值：

javascript
// 文件：app.js

import { add, subtract } from './mathUtils.js';

console.log(add(5, 3));  // 输出：8
console.log(subtract(5, 3));  // 输出：2

你也可以通过使用 as 关键字重命名导入的成员：

javascript
import { add as addNumbers } from './mathUtils.js';

console.log(addNumbers(5, 3));  // 输出：8

导入默认导出

你可以这样导入一个默认导出的值：

javascript
// 文件：app.js

import greet from './StringUtils.js';

console.log(greet('Alice'));  // 输出："Hello, Alice!"

混合导入

如果一个模块中同时包含命名导出和默认导出，你可以这样同时导入它们：

javascript
// 文件：utils.js
export const multiply = (a, b) => a * b;
export default (a, b) => a / b;

// 导入文件
import divide, { multiply } from './utils.js';

console.log(multiply(4, 3));  // 输出：12
console.log(divide(4, 2));  // 输出：2

这些是基本的ES6中的导出和导入方法。根据你的具体需求，你可以选择最适合你项目的方式来组织代码。