ES6模块化语法
模块化功能主要由两个命令构成:export和import
export命令用于规定模块的对外接口
import命令用于输入其他模块提供的功能
暴露方式1 分别暴露
export var student = "小明"
export function tearch () {
console.log("tearch教" + student);
}
暴露方式2 统一暴露
var student = "小明"
function tearch () {
console.log("tearch教" + student);
}
export{student,tearch};
暴露方式3 默认暴露
export default {
school:"小明",
tearch: function(){
console.log("我们可以改变你!");
}
}
导入方式1
<script type = "module">
import * as m1 from "./src/m1.js";
console.log(m1.school);
console.log(m1.tearch());
</script>
导入方式2
import{school,teach} from "./src/js/m1.js";
import {school as sch, teach as tch } from "./src/js/m1.js"// 使用别名,防止变量名冲突
console.log(school);
tearch();
简便形式 针对默认暴露
import m3 from "./src/js/m3.js"
模块化方式2
编写app.js
import * as m1 from "./src/m1.js"
import * as m1 from "./src/m1.js"
import * as m1 from "./src/m1.js"
引入文件
<script src="./src/js/app.js" type="module"></script>