ES6 module -浏览器的模块加载

浏览器使用 ES6 模块的语法如下。

<script type="module" src="foo.js"></script>

上面代码在网页中插入一个模块foo.js，由于type属性设为module，所以浏览器知道这是一个 ES6 模块。

浏览器对于带有type="module"的<script>，都是异步加载外部脚本，不会造成堵塞浏览器。

对于外部的模块脚本（上例是foo.js），有几点需要注意。

• 该脚本自动采用严格模式。

• 该脚本内部的顶层变量，都只在该脚本内部有效，外部不可见。

• 该脚本内部的顶层的this关键字，返回undefined，而不是指向window。