RequireJS 循环依赖报 模块undefined 处理方案

RequireJS 循环依赖

开始学习使用RequireJS之后做了几个小例子，之后想着把手头的项目也用RequireJS写一遍试试。感觉胜利就在前方了，忽然发现始终卡在一个问题上：



很常见的一个问题，根源就是获取不到当前的函数，反复检查了代码，发现并没有异常，纠结许久。

忽然想到之前看API的时候提到的“循环依赖”，当时“循环依赖比较罕见，它也是一个重构代码重新设计的警示灯。”让我直接忽略了这一部分的内容。

循环依赖，指的是两个模块之间相互依赖，即a依赖b，同时b依赖a，那么在这种情况下当b的模块函数被调用时，将会提示模块a undefined。

解决方法是b可以在模块已经定义好后用require()方法再获取，需要把require作为依赖注入进来。

即本来的写法是：

define(['jquery','a'],
function($, a){
return {
loading : function(data){
a.addBag(data);
}
}
});

一般说来你无需使用require()去获取一个模块，而是应当使用注入到模块函数参数中的依赖。现在为了解决循环依赖带来的问题，首先要引入require的依赖，使用require()方法去获取模块a。问题解决了。

define(['require','jquery','a'],
function(require, $, a){
return {
loading : function(data){
require('a').addBag(data);
}
}
});