以下是 ES6 模块的基本语法：
导出（Export）:
// math.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;
// main.js
import { add, subtract } from './math';
console.log(add(5, 3)); // 输出: 8
console.log(subtract(5, 3)); // 输出: 2
上述代码中，math.js 文件中的 add 和 subtract 函数被通过 export 关键字导出，以便其他模块使用。在 main.js 文件中，通过 import 关键字引入了 math.js 模块中导出的函数，从而可以在 main.js 中使用这些函数。
默认导出（Default Export）:
// utils.js
const multiply = (a, b) => a * b;
export default multiply;
// main.js
import myMultiplier from './utils';
console.log(myMultiplier(4, 3)); // 输出: 12
在这个例子中，utils.js 文件通过 export default 导出了 multiply 函数。在 main.js 文件中，通过 import 关键字导入 utils.js 模块的默认导出，然后可以使用自定义的变量名（myMultiplier）引用它。
混合导出：
一个模块既可以有默认导出，也可以有命名导出，而且可以混合使用。
// operations.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;
export default (a, b) => a * b;
// main.js
import multiply, { add, subtract } from './operations';
console.log(add(5, 3)); // 输出: 8
console.log(subtract(5, 3)); // 输出: 2
console.log(multiply(4, 3)); // 输出: 12
在这个例子中，operations.js 文件既有命名导出（add 和 subtract 函数），也有默认导出（乘法函数）。在 main.js 文件中，通过 import 关键字混合导入这些功能。
模块的语法提供了一种清晰且模块化的方式来组织 JavaScript 代码，有助于提高代码的可维护性和可读性。
转载请注明出处：http://www.zyzy.cn/article/detail/4683/ES6