ES6模块化

首先页面引用 ，需要在<script></script>里添加type='module'

导出模块分为默认导出和指定导出

两者的区别主要在引用的时候

如果是用默认导出export default，接收的时候可以使用任意名字来接收，如图所示，默认导出的叫module1，接收名字叫x
如果要一次导出多个，需要用{}包裹，接收时必须与导出时同名

如果一个模块里既有默认导出又有自定义导出

接收时可以使用
默认导出的依然可以随意命名

引用时如果是同级目录，必须添加./

如果有两个模块里导出的内容名字是一样的

module1，module2都导出了name，age和module
此时console.log(name),就会报错
使用as

现在有一个新的module.js

然后在main.js里面直接引用

可以看到打印出了这是module3，而函数x没有执行

只有import会执行代码而不会执行函数

还有一种情况，如果模块里导出的东西太多，又不想引用的时候一个个写出来，可以这样

我把*理解为css里的通配符，表示所有
此时打印出x，可以看到

module1.js里面导出的都在x下了，现在可以用x.age(),x.module1()来调用