ES6 模块化 语法 export,improt的使用

命令关键字

export 、 export default 、 improt

案例

1.分别暴露

***分别暴露***
1.js文件
	exprot let name = "测试员"
	exprot function change(){
				console.log("分别暴露")；
			}
***通用的引入***
1.html 文件
	<script type="module">
		import * as obj from "./1.js";
		console.log(obj) //{name,change}
	</script>			

2.统一暴露

***统一暴露***
2.js文件
let name = "测试员"
function change(){
				console.log("分别暴露")；
			}
exprot {name,change}

***解构引入***
2.html 文件
	<script type="module">
		import {name,change} from "./2.js";
		console.log(name)
		console.log(change)
	</script>			

3.默认暴露

**默认暴露**
3.js文件
export default {
	name:"cc",
	change:function(){
		return "a";
	}
}

3.html 文件
	<script type="module">
		1.通用的引入
		import {default as obj} from "./3.js"
		console.log(obj.name) // cc
		2.简写形式  值针对默认暴露
		import obj from "./3.js"
		console.log(obj.name) // cc
	</script>