如何在模块中导出多个值或元素？

在编写JavaScript时，我们常常需要在不同的文件中引用或调用同一个函数或变量。为了重用代码，我们可以将它们定义为一个模块，然后在其他文件中导入它们。但是，在一个模块中可能会有多个导出的值或元素。本文将介绍如何在模块中导出多个值或元素。

导出语法

ES6提供了两种导出语法：默认导出和命名导出。

默认导出

默认导出只能导出一个值或元素，这意味着每个模块只能有一个默认导出。默认导出使用export default语法。

// 模块中只有一个默认导出
export default function myFunction() {}

在导入模块时，我们可以将默认导出命名为任何我们想要的名称。

import myFunction from './myModule';

命名导出

命名导出可以导出多个值或元素，因此可以在一个模块中使用多个命名导出。命名导出使用export语法。

// 模块中有多个命名导出
export function add(a, b) { return a + b; }
export function subtract(a, b) { return a - b; }

我们可以使用花括号{}来导入模块中的命名导出。

import { add, subtract } from './math';

如果我们不想使用导入的名称，可以使用as关键字将其重命名。

import { add as addition, subtract } from './math';

导出语句放置位置

在一个模块中，我们可以将所有导出语句放在文件开头或分布在文件的任何位置。但是，建议将所有导出语句放在文件开头，以便更方便地找到它们。

// 将所有导出语句放在文件开头
export function add(a, b) { return a + b; }
export function subtract(a, b) { return a - b; }
export const PI = 3.14;

总结

本文介绍了ES6中如何在模块中导出多个值或元素的语法。通过使用默认导出和命名导出，我们可以灵活地重用模块中定义的函数、变量或常量。