ES6 模块化是 JavaScript 中一个重要的特性，它允许我们将代码拆分成模块，每个模块都有自己的作用域，避免全局变量污染、命名冲突等问题，同时也方便了代码的维护与管理。
导出和导入
ES6 提供了两个关键字 export 和 import 来实现模块的导出和导入。具体用法如下：
-- -------------------- ---- ------- -- ---------- ------ ----- ---- - ------- ------ ----- --- - --- -- ---------- ------ -------- ------- - ---------------- -- ---- -- ----------- - -- ----------- ------ ------- - ----- ------ ---- -- - -- ---------- ------ - ----- --- - ---- -------------- -- ---------- ------ - ----- - ---- -------------- -- ----------- ------ ------ ---- --------------
需要注意的是，导入时需要指定相对路径或绝对路径。
使用场景
ES6 模块化的使用场景非常广泛，下面列举几个常用的场景。
1. 代码拆分
模块化的最大好处之一就是允许我们将代码按照功能模块进行拆分，从而实现代码的重用和维护。
2. 依赖管理
在使用第三方库时，我们可以通过模块化的方式来引入依赖，避免全局变量污染和命名冲突的问题。
3. 组件化开发
组件化开发离不开模块化，每个组件都应该是一个独立的模块，并且可以导出和导入需要用到的内容。
示例代码
以下是一个使用 ES6 模块化的示例代码，它将一个 JSON 对象输出到控制台。
-- -------------------- ---- ------- -- ------- ----- ---- - - ----- ------ ---- -- -- ------ ------- ----- -- ------ ------ ---- ---- ------------ ------------------ --------------- ----------------- --------------
在执行 app.js 文件时，将会输出以下内容：
Name: Tom Age: 25
总结
ES6 模块化是一种非常方便和实用的特性，它能够极大地提高代码的可维护性和重用性，在开发中应该大力推广和使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648bfcd648841e9894a46874