用法代码
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Module模块化</title>
</head>
<body>
</body>
<script type="module">
// import {a, test, Hello} from './test.js'
// console.log(a);
// import * as test from './test.js'
//* 代表导入所有东西
//as后代指一个别名
import mytest from './test.js'
console.log(mytest.a);
</script>
<script src="./test.js" type="module"></script>
</html>
test.js
//把一个js文件做为一个模块
// export let a = 123;
// export function test() {
// console.log('test');
// }
// export class Hello {
// }
//不提倡以上写法
//-----------------------------------------
let a = 123;
let test = function () {
console.log('test');
}
class Hello {
test() {
console.log('class');
}
}
export default {
a,
test,
Hello
}
//给导出的对象不起名字,把权力交给引入方
//更推荐以上操作