在JavaScript中，模块是重要的概念。模块是一个独立的代码单元，可以在其他文件中引用和使用。在模块中，我们需要指定哪些东西是可以从模块中导出的，并且可以指定这些导出的方式。在本文中，我们将探讨JavaScript中的导出和默认导出。
导出
在JavaScript中，导出可以通过以下方式实现：
1. 使用export关键字
我们可以使用export关键字来导出变量、函数或类：
-- -------------------- ---- -------
-- ---------
------ ----- ---- - ----------
------ -------- ---------- -
------------------- -----------
-
------ ----- ------ -
----------------- -
--------- - -----
-
------- -
---------------- ----------------
-
-上面的代码示例中，我们使用export关键字分别导出了一个变量name、一个函数sayHello和一个类Person。
在另一个文件中，我们可以通过import关键字来导入这些导出：
-- -------------------- ---- ------- -- ------ ------ - ----- --------- ------ - ---- -------------- ------------------ -- ------- ----------- -- ------ -------- ----- ------ - --- -------------- --------------- -- --- ----
2. 使用export default关键字
我们还可以使用export default关键字来默认导出一个变量、函数或类。一个模块中只能有一个默认导出：
-- -------------------- ---- ------- -- --------- ------ ------- -------- ---------- - ---------------------- - -- ------ ------ -------- ---- -------------- ----------- -- ------
在上面的代码示例中，我们使用export default关键字默认导出了一个函数sayHello。在另一个文件中，我们可以通过import来导入这个默认导出，并为它指定任意名称。
默认导出const
在ES6之前，我们通常使用变量来保存常量。例如，为了表示圆周率，我们可能会这样写：
var PI = 3.14159;
但是，在ES6中，我们可以使用const关键字来定义常量：
const PI = 3.14159;
const关键字定义的常量不可被修改，而且必须在定义时初始化。
我们还可以将const关键字与默认导出一起使用：
// module.js const PI = 3.14159; export default PI; // app.js import PI from "./module.js"; console.log(PI); // 3.14159
在上面的代码示例中，我们使用const关键字定义了常量PI，并将其作为默认导出进行了导出。在另一个文件中，我们通过import关键字导入了名为PI的常量。
结论
在本文中，我们学习了JavaScript中的导出和默认导出。我们了解了如何使用export和export default关键字来导出模块，并掌握了如何使用import关键字来引用这些导出。
此外，我们还学习了如何使用const关键字来定义常量，并将其作为默认导出进行导出。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11540
