在 JavaScript 中,模块是重要的组织方式。通过将代码拆分成多个模块,不但可以提高代码的可读性和维护性,还可以实现代码的复用。
在模块中,我们通常需要将某些变量或函数暴露给其它模块使用。这就需要用到模块的出口(export)和出口让(export default)。
出口
一个模块可以有多个出口,每个出口都对应一个标识符和其所代表的值。出口可以是变量、函数、类等任何 JavaScript 对象。
-- ---- ----- -- - ----- -------- --------- - ------ - - -- - ------ - --- ------ --
在另一个模块中,我们可以通过 import 语句来引入这些出口:
-- ---- ------ - --- ------ - ---- ---------------- ---------------- -- -- ---- ----------------------- -- -- -
出口让
除了使用出口之外,我们还可以使用出口让来导出默认值。每个模块只能有一个出口让。
-- ---- ------ ------- -------- ------ -- - ------ - - -- -
在另一个模块中,我们可以通过 import 语句来引入这个出口让:
-- ---- ------ ----- ---- ---------------- -------------------- ---- -- -- -
const
在 JavaScript ES6 中,我们还可以使用 const 关键字来定义常量。常量定义后不可再次赋值。
----- -- - ----- -- - -------- -- ------------- -- -------- ---------
使用 const 定义的变量具有块级作用域。
-- ------ - ----- - - --- - --------------- -- ---- -- --- -------
总结
通过出口和出口让,我们可以很方便地将模块中的变量、函数等暴露给其它模块使用。使用 const 可以定义常量并保证其不再被修改。这些特性都是 JavaScript ES6 中非常实用和重要的语言特性,既有深度又有学习和指导意义。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/11783