RequireJS模塊化之循環依賴

如果你定義一個循環依賴關系 (a 依賴b 並且 b 依賴 a)，那么當b的模塊構造函數被調用的時候，傳遞給他的a會是undefined。 但是b可以在a模塊在被引入之后通過require(‘a’)來獲取a (一定要把require作為依賴模塊，RequireJS才會使用正確的 context 去查找 a):

//Inside b.js:
define(["require", "a"],
    function(require, a) {
        //"a" in this case will be null if a also asked for b,
        //a circular dependency.
        return function(title) {
            return require("a").doSomething();
        }
    }
);

通常情況下，你不應該使用require()的方式來獲取一個模塊，而是使用傳遞給模塊構造函數的參數。循環依賴很罕見，通常表明，你可能要重新考慮這一設計。然而，有時需要這樣用，在這種情況下，就使用上面那種指定require()的方式吧。

如果你熟悉 CommonJS 模塊的寫法，你也可以使用 exports 創建一個空對象來導出模塊，這樣定義的模塊可以被其他模塊立即使用。即使在循環依賴中，也可以安全的直接使用。 不過這只適用於導出的模塊是對象，而不是一個函數:

//Inside b.js:
define(function(require, exports, module) {
    //If "a" has used exports, then we have a real
    //object reference here. However, we cannot use
    //any of a's properties until after b returns a value.
    var a = require("a");

    exports.foo = function () {
        return a.bar();
    };
});

 

用依賴數組的話，記得將 'exports'當作依賴模塊：

//Inside b.js:
define(['a', 'exports'], function(a, exports) {
    //If "a" has used exports, then we have a real
    //object reference here. However, we cannot use
    //any of a's properties until after b returns a value.

    exports.foo = function () {
        return a.bar();
    };
});