在JavaScript的世界里，模块是组织和管理代码的重要方式。掌握模块的导出与导入，能让代码结构更清晰，可维护性更强。今天，就让我们一起探秘JavaScript模块，轻松上手导出与导入代码。

首先来了解模块的导出。在JavaScript中，有两种常见的导出方式：命名导出和默认导出。

命名导出允许我们从一个模块中导出多个值。比如，我们有一个包含多个函数的模块，想要将这些函数都导出供其他模块使用。可以这样写：

// mathUtils.js
export function add(a, b) {
    return a + b;
}
export function subtract(a, b) {
    return a - b;
}

在这个例子中，add 和 subtract 函数都是命名导出。

默认导出则适用于一个模块主要导出一个值的情况。例如，我们有一个模块专门用于处理用户信息：

// user.js
const user = {
    name: 'John',
    age: 30
};
export default user;

这里将 user 对象作为默认导出。

接下来看看如何导入这些导出的内容。

对于命名导出的导入，我们使用解构赋值的语法。假设我们在另一个文件中想要使用 mathUtils.js 里的函数：

// main.js
import { add, subtract } from './mathUtils.js';
console.log(add(5, 3)); 
console.log(subtract(5, 3)); 

通过 import { 导出名称 } from '模块路径' 的形式，我们可以准确地导入所需的命名导出内容。

而对于默认导出的导入，语法更为简洁：

// main.js
import user from './user.js';
console.log(user.name); 

使用 import 自定义名称 from '模块路径' 就可以轻松导入默认导出的值。

JavaScript模块的导出与导入为代码的模块化开发提供了强大支持。合理运用这两种方式，能将复杂的代码拆分成多个独立的模块，每个模块专注于特定的功能。无论是大型项目还是小型脚本，这种模块化的开发方式都能提升代码的质量和可维护性。通过不断实践，我们能更熟练地运用模块，让JavaScript代码的组织更加高效有序。