ES6 - 模块

优质
小牛编辑
127浏览
2023-12-01

模块内的所有代码和数据都有文件作用域,这意味着它们不能被模块外部的代码访问。 要在模块外部共享代码或数据,需要使用export关键字导出。

在后端(服务器端)使用模块是相对简单的,你只需使用import关键字。 然而,Web浏览器没有模块或导入的概念,他们只知道如何加载JavaScript代码。 我们需要一种方法来引入一个javascript模块,以便从其他JavaScript代码开始使用它。 这就是模块加载器要解决的问题。

  • RequireJS
  • SystemJS

从浏览器加载模块

下面我们使用SystemJS来加载模块。 该脚本首先加载SystemJS库的代码,然后调用System.import的函数用于导入(加载)应用程序模块。

  1. <script>
  2. var promise = System.import('app')
  3. })
  4. console.error('Failed to load:', error);
  5. });