关于一些模块化规范笔记

前端模块化规范：CommonJS、AMD、CMD、ES6的modules

什么是模块化？

将整个页面的布局分为各个模块功能来实现，会构建多个script文件，简单来说就是一个项目分多个任务多人来完成，每一个人负责一个模块，最后将各模块引入main.html中实现整个页面的开发

但是普通的模块处理会涉及到关于变量重名，变量复用的问题，故而出现了模块化规范来解决这些问题。

*模块化的核心为 导入与导出*

一、CommonJS

导出(出现在导出数据的文件中)：

var flag = true;
var sum = function(){
    console.log('你好啊');
}
module.exports = {
    flag: flag,
    sum: sum,
    //变量函数均可以导出
}

 导入(出现在需导入某文件中数据的文件中)：

//var aaa = require('导出文件的地址');
//这里的aaa接收上面导出的对象
console.log(aaa.flag);    //输出true
aaa.sum;                  //输出你好啊

需注意一点的是 CommonJS需要webpack底层支持 也就是说在没有安装webpack的情况下系统是无法解析该语句的

二、ES6

export  导出  import  导入

在链接进入main.html文件中时<script src="..." type="module"></script>这