版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012054869/article/details/82109897
1. 模块化的标准
(1)commonJS标准(node.js采用)
(2)AMD标准(require.js采用)
(3)ES6模块
2. 定义模块
export,可以export任意类型的数据
3.引入模块
import,可以起别名
index.html
<script type="module">
//引入模块
// import {lastName,firstName,getJson} from "./module01.js";
//同样将lastName起个别名
import {lastName,firstName as name,getJson} from "./module01.js";
console.log(name);
console.log(lastName);//Jack
getJson();//getJson
//第二种:js写法
import {Point,demo,obj} from "./module02.js";
demo();//demo
console.log(obj);//第二种demo
new Point();
//第三种:在js中起别名
import myobj from "./module03.js";
console.log(myobj);//Object { name: "", age: "", getInfo: getInfo() }
</script>
module01.js
export var lastName = "Jack";
export var firstName = "Bob";
export function getJson(){
console.log("getJson");
module02.js
class Point{
}
function demo(){
console.log("第二种demo");
}
let obj = {name : "xiaohong"}
export {Point,demo,obj}
module03.js
//对象
let obj = {
name: "",
age: "",
getInfo:function(){
}
}
// export{obj as myobj};
// 这时html中:import {myobj} from "./module03.js";
//同样还可以这样写
export default obj;
// 这时html中:import myobj from "./module03.js";