ES6-模块

        ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。

        导出（export）、导入（import）

 

<script type="module">
		//导出的名字一定要相同
		//默认导出不写{}
		import name from "./test.js"
		console.log(name) //rose
</script>

 有时候全局导出会污染我们现在代码的环境，还会加大不必要的开销，这时候可以使用按需导入

<script type="module">
		//按需导出要写{}
		import {age,arr} from "./test.js"
		console.log(age,arr)
</script>

<script type="module">
		//按需导出和默认导出一起写
		import name,{age,arr} from "./test.js"
		console.log(age,arr)
</script>

注意：默认导出不写{}，否则会报错

        按需导出要写{}，不然会报错

        默认导出与按需导出都需要的时候，默认导出一定要写在前面，不然会报错

举两个例子：

<script type="module">
		import { tool } from "./src/model1.js"
		import x from "./src/model1.js"
		x.tool
		import Hq from './src/model1.js'
		console.log(Hq.Photo)
		import { Photo as a } from './src/model1.js'
		let a = Photo
		console.log(Photo.name)
</script>

 

<script type="module">
		import x, { num, tool } from "./src/model1.js"
		console.log(num)
		console.log(tool)
		console.log(obj)
		var re = tool()
		console.log(re)
		console.log(x.arr)
</script>