---
title:es6模块加载
date: 2018-06-09 16:29:00
updated: 2018-06-10 12:00:00
categories:
- 前沿脚本
- 编程开发
tags:
- nodejs
---
于浏览器
01.浏览器通过<script>标签加载 JavaScript 脚本
02.浏览器加载 ES6 模块，也使用<script>标签，但是要加入type="module"属性
03.浏览器对于带有type="module"的<script>，都是异步加载。
04.async属性也可以打开，一旦使用了async属性，<script type="module">就不会按照在页面出现的顺序执行，而是只要该模块加载完成，就执行该模块。
注：
01.打开defer或async属性，脚本就会异步加载。
02.defer是“渲染完再执行”，async是“下载完就执行”。
03.如果有多个defer脚本，会按照它们在页面出现的顺序加载，而多个async脚本是不能保证加载顺序的。
后台加载
01.CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。
02.CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。
网友评论