requireJS源码分析

目录

1. requireJS概念
2. AMD与CMD区别
3. 模块加载器的来历
4. 模块加载器的利弊
5. 模块加载器的使用场景
6. requireJS源码解读
7.心得总结

一、requireJS概述

概述

RequireJS是一款遵循AMD规范协议的JavaScript模拟加载器。
业界常见模块加载器（labjs、requirejs、seajs）
LABjs的核心是LAB(Loading and Blocking)：核心价值是性能优化
至于requirejs和seajs区别，知乎上有专门篇幅讲这个
作者玉伯-支付宝淘宝前端类库KISSY、seajs、arale创始人
地址呈上：http://www.zhihu.com/question/20342350

二、AMD与CMD区别

1.名词解释
AMD：Asynchronous Modules Definition异步模块定义，提供定义模块及异步加载该模块依赖的机制。
CMD：Common Module Definition 通用模块定义，提供模块定义及按需执行模块

2. 提前执行：提前异步并行加载
优点：尽早执行依赖可以尽早发现错误；缺点：容易产生浪费
3. 延迟执行：延迟按需加载
优点：减少资源浪费 缺点：等待时间长、出错时间延后

2.1 AMD与CMD代码模式

AMD代码模式-运行策略

define(['./a', './b'], function(a, b) { //运行至此，a.js和b.js已经下载完成 a模块和b模块已经执行完，直接可用；
    a.doing();
    // 此处省略500行代码
    b.doing();
});

CMD代码模式-运行策略

define(function(require, exports, module) {
     var a = require("./a"); //等待a.js下载、执行完
     a.doing();
     // 此处省略500行代码
     var b = require("./b"); //依赖就近书写
     b.doing();
});

三、模块加载器来历

web2.0的到来，页面的交互越来越强烈，逐渐变成“互联网应用程序”，js代码越来越庞大，越来越复杂，诞生很多库和框架，相互间存在依赖关系和加载顺序要求。面对错综复杂代码，攻