玩转JS模块化：export与import实战指南

本教程旨在帮助你彻底掌握 JavaScript ES6 模块的核心用法，通过export（导出）和import（导入）实现代码的组织、复用和解耦。读完本篇，你将能够自信地在项目中搭建清晰的模块化结构，提升代码的可维护性。本指南尤其适用于正在从传统JS写法过渡到现代模块化开发的前端开发者。

前置条件：

• 代码编辑器： 如 VS Code、WebStorm 等。
• 现代浏览器： 如 Chrome、Firefox、Edge 等，它们原生支持ES6模块。
• 基础知识： 具备基础的 JavaScript 语法知识。

1. 创建你的第一个模块：使用 export 导出

模块化的第一步是将可复用的代码封装在单独的文件中，并使用 export 关键字将其暴露出去，以便其他文件可以使用。一个文件就是一个模块。

我们先创建一个名为 utils.js 的文件，用于存放一些工具函数和变量。

export 主要分为两种：命名导出（Named Exports）和默认导出（Default Export）。

命名导出：
一个模块可以有多个命名导出。它适合导出多个功能点。