1. 前端模块化
Js模块化提供了三种规范
1，commonjs 规范 代表就是nodejs 适合后台开发 因为是同步的 服务器的运行比较快等待时间不长，commonjs不适合用于前端，前端的客户端是浏览器，浏览器追求异步加载，浏览器不能等待太长时间。
2，前端模块的规范是Amd规范 代表就是requirejs，他是异步的，很多前端框架都是用的amd规范，比如jquery angular等
3，第三个模块化规范是而es6
2.模块化的操作
1.Commonjs的操作
所有的模块化都是两个方向，暴露模块接口和引入模块。
Module.exports={} 暴露的是一个叫exports的对象
Require() 引入一个模块
这是后台的规范，在nodejs环境可以直接运行，但是在客户端不能直接运行，需要对文件打包解析。Webpack gulp
浏览器是一个对象，在 window 对象
在 window 中查找
方法也是属性，属性值是 function
作用域：
当执行 js 代码时，浏览器会给一个全局环境，叫window，作用域分两部分，一个是内存部分，一个是执行部分，代码从上到下执行，碰到变量，
就会在 window 中（内存部分） 查找这个变量是否存在，存在便看赋值了没有，赋值了便是后面的值，没赋值 undefined ， 没声明这个变量 xxx is not defined
拓展：
var a
var a 就是声明的一个变量a，本质就是浏览器往 window 上添加的一个属性 a （怎么添加的呢？通过 var ）
前端模块，不借鉴模块，自定义模块
主文件的名字 app.js main.js index.js 的操作
避免函数的命名冲突，采用自调用函数
自调用函数执行时，会形成一个私有的作用域，对内部的变量进行保护的作用；
暴露模块，需要后面的所有 js 文件都能访问这个模块，将该模块注册在 window 下面；
图文操作说明：
依赖模块