ES6 - 模块
优质
小牛编辑
144浏览
2023-12-01
模块内的所有代码和数据都有文件作用域,这意味着它们不能被模块外部的代码访问。 要在模块外部共享代码或数据,需要使用export关键字导出。
在后端(服务器端)使用模块是相对简单的,你只需使用import关键字。 然而,Web浏览器没有模块或导入的概念,他们只知道如何加载JavaScript代码。 我们需要一种方法来引入一个javascript模块,以便从其他JavaScript代码开始使用它。 这就是模块加载器要解决的问题。
- RequireJS
- SystemJS
从浏览器加载模块
下面我们使用SystemJS来加载模块。 该脚本首先加载SystemJS库的代码,然后调用System.import的函数用于导入(加载)应用程序模块。
<script>
var promise = System.import('app')
})
console.error('Failed to load:', error);
});