模块化 | 易学教程

1. 前端模块化

Js模块化提供了三种规范

1，commonjs 规范代表就是nodejs 适合后台开发因为是同步的服务器的运行比较快等待时间不长，commonjs不适合用于前端，前端的客户端是浏览器，浏览器追求异步加载，浏览器不能等待太长时间。

2，前端模块的规范是Amd规范代表就是requirejs，他是异步的，很多前端框架都是用的amd规范，比如jquery angular等

3，第三个模块化规范是而es6

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 下面；

　　图文操作说明：

　　依赖模块

来源：https://www.cnblogs.com/Shinigami/p/11135009.html

标签