ES6 模块的导出和导入

<script type="module">
//1. 通用的导入方式
//引入 m1.js 模块内容
// import * as m1 from "./src/js/m1.js";
// //引入 m2.js 模块内容
// import * as m2 from "./src/js/m2.js";
// //引入 m3.js
// import * as m3 from "./src/js/m3.js";

//2. 解构赋值形式
// import {school, teach} from "./src/js/m1.js";
// import {school as guigu, findJob} from "./src/js/m2.js";
// import {default as m3} from "./src/js/m3.js";

//3. 简便形式 针对默认暴露
// import m3 from "./src/js/m3.js";
// console.log(m3);
</script>

 

m1.js文件：

//分别暴露
export let school = '微能';

export function teach() {
　　console.log("我们可以使用积分");
}

 

m2.js文件：

//统一暴露
let school = '微能';

function findJob(){
　　console.log("我们可以使用电子券");
}

export {school, findJob};

 

m3.js文件：

//默认暴露
export default {
　　school: 'wcan',
　　change: function() {
　　　　console.log("我们可以改变你的支付方式");
　　}
}