#ECMAScript 2021 中的模块到模块之间的通信
在前端开发中，模块化是一种非常重要的开发方式，它可以让我们的代码更加模块化、可维护性更高。在ES6中，引入了模块化的概念，可以通过import和export来实现模块之间的通信。而在ECMAScript 2021中，模块到模块之间的通信得到了更进一步的改进。
##模块化的背景
在过去，前端开发中常常使用全局变量的方式来实现模块化，但是这种方式存在着很多问题。比如，全局变量的命名容易冲突，不同的模块之间的依赖关系不清晰，代码的可维护性较差等。因此，ES6引入了模块化的概念，可以让我们更加方便地实现模块化开发。
##ES6中的模块化
在ES6中，我们可以使用import和export来实现模块之间的通信。比如，我们可以在一个模块中使用export来导出一个变量或者函数：
-- ---------- ------ ----- ---- - ------ ------ -------- ---------- - --------------------- -
然后，在另一个模块中使用import来引入这个模块：
-- ---------- ------ - ----- -------- - ---- --------------- ------------------ -- --- ----------- -- -----
这样，我们就可以很方便地实现模块之间的通信了。
##ECMAScript 2021中的模块化改进
在ECMAScript 2021中，模块到模块之间的通信得到了更进一步的改进。具体来说，新增了两个模块化的特性：
- import.meta.url
- import()
###import.meta.url
import.meta.url是一个只读的属性，返回当前模块的URL。在过去的模块化中，我们通常需要手动传递当前模块的路径信息，而这个特性可以让我们更方便地获取当前模块的URL。
比如，我们可以在一个模块中使用import.meta.url来获取当前模块的URL：
-- ---------- ----------------------------- -- ----------
###import()
import()是一个异步加载模块的方法，可以让我们更加灵活地加载模块。在过去的模块化中，我们只能在静态时期加载模块，而这个特性可以让我们在运行时期动态地加载模块。
比如，我们可以在一个模块中使用import()来动态加载另一个模块：
-- ---------- ----------------------------------- -- - -------------------------- -- ----------------- ---
这样，我们就可以在运行时期动态加载模块了。
##总结
在ECMAScript 2021中，模块到模块之间的通信得到了更进一步的改进，新增了import.meta.url和import()两个特性。这些特性可以让我们更加方便、灵活地实现模块化开发。因此，在前端开发中，我们应该尽可能地使用模块化的方式来开发，以提高代码的可维护性和可读性。
##示例代码
###module1.js
------ ----- ---- - ------ ------ -------- ---------- - --------------------- - ----------------------------- ----------------------------------- -- - -------------------------- ---
###module2.js
------ ----- ---- - --------
###index.html
--------- -----
------
------
----- --------------- --
----------------- ---- --------------------
------- ------------- ----------------------------
-------
------
-------
-------来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65caf91eadd4f0e0ff4c656a