JS-模块化
2019-03-29 本文已影响8人
壹枕星河
函数封装 ---> 对象 ---> 立即执行函数 ---> 模块化规范
是一种项目的构架模式, 这种构架模式让JS代码重用性变得非常高,让项目构架的一些复杂问题全部得以解决。 例如,多个script标签不会再出现了,我们只要用一个script标签进行引入就可以了。
模块化那有两个规范,AMD规范和CMD规范,当然还有针对于nodejs后台的commonJS规范;
1. 首先对于依赖:
AMD提前执行(不管什么时候用, 先加载过来) //特点 : 前期消耗网络资源大, 但是后期运行效率高.
CMD需求执行(有用我再去加载) //特点:整个自选消耗曲线比较平缓。
2. CMD 推崇依赖就近,AMD 推崇依赖前置。
// CMD
define(function(require, exports, module) {
var a = require('./a')
a.doSomething()
// 此处略去 100 行
var b = require('./b') // 依赖可以就近书写
b.doSomething()
// ...
})
// AMD 默认推荐的是
define(['./a', './b'], function(a, b) { // 依赖必须一开始就写好
a.doSomething()
// 此处略去 100 行
b.doSomething()
...
})