模块简介
-
html文档一般在标签中引入外部js文件
-
<script>
标签引入的脚本中创建的变量,都会被注册为window对象下全局变量,这样做会污染全局命名空间 -
这就衍生除了模块化的解决方案,比如CommonJS等,但是这些解决方案都不是JavaScript原生的,直到 ES6 支持 JavaScript 模块的使用。
什么是模块?
一个模块(module)就是一个文件。一个脚本就是一个模块。就这么简单。
模块使用export
导出,import
导入。
export: 用于向其他模块提供代码。
import: 用于读取从另一个模块导出的代码。
- 在html文件中导入模块,需要添加type ="module",才能确保代码作为模块而不是常规脚本加载。
模块代码仅在第一次导入时被解析
如果同一个模块被导入到多个其他位置,那么它的代码只会执行一次,即在第一次被导入时。
我们假设一个模块导出了一个对象:
//
标签:admin,JavaScript,导出,js,导入,模块
From: https://www.cnblogs.com/marshban/p/17510061.html