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