Циклические зависимости в модулях с использованием requireJs

Вы должны иметь возможность использовать синхронную версию require() в вашем модуле B для доступа к модулю "A":

// B module
define([
    'a',
    'exports'
], function (a, exports) {
    console.log('A:', a); // A, undefined (as I was expecting)
    exports.A = function () {
        return require('a');
    }
    ...
});

У меня часто возникают циклические проблемы с использованием модулей AMD для создания ядра приложения, которое поддерживает множество модулей и содержит конфигурацию или другие полезные объекты для использования этими модулями.

Я провел несколько экспериментов сегодня, и это, кажется, работает очень хорошо.

define(['exports', 'underscore', './config', './mediator'],
  function (exports, _, Backbone, config, Mediator){

    Core = /* ... */

    // Publicize a core 'singleton' so that it's dependencies can access it, and so can modules that define it as a dependency themselves.
    core = new Core()
    exports.core = core //publicize it in a way that supports circularity
    return core // And also publicize it normally
  }
)

Оба объекта '===' равны друг другу, так что это кажется очень многообещающим.

РЕДАКТИРОВАТЬ:

Вышеупомянутый метод не работает при оптимизации. Вот еще один метод, который может (не проверено): https://github.com/requirejs/example-multipage/blob/master/www/js/app/main1.js#L2

define(function (require) {
  var $ = require('jquery'),
      lib = require('./lib'),
      Core;

   Core = /* ... */

   return new Core()
});

Одним из вариантов может быть возврат не самого модуля, а функции, которая создает экземпляр модуля (в этом примере это будет конструктор, как определено в машинописном тексте, внизу находится сгенерированный код js — обратите внимание, что интерфейсы не генерировать код .js)

• Файл IA.ts

  /// <reference path="IB.ts" />
  interface IA{
      funcA();
      _classB : IB;
  }
  

• Файл IB.ts

  /// <reference path="IA.ts" />
  interface IB{
      funcB();
      _classA : IA;
  }
  

• Файл ClassA.ts

  /// <reference path="IA.ts" />
  /// <reference path="IB.ts" />
  
  export class ClassA implements IA
  {
      _classB : IB = null;
  
      constructor(classB : IB)
      {
          this._classB = classB;
          if (classB){
              this._classB._classA = this;
          }
          return this;
      }
  
      funcA(){
          console.log('I am ClassA');
      }
  }
  

• Файл ClassB.ts

  /// <reference path="IA.ts" />
  /// <reference path="IB.ts" />
  export class ClassB implements IB
  {
      _classA : IA = null;
      constructor(classA : IA)
      {
          this._classA = classA;
          if (classA){
              this._classA._classB = this;
          }
          return this;
      }
      funcB(){
          console.log('I am ClassB');
      }
  }
  

• Файл MainTest.ts

  /// <reference path="../../def/require.d.ts" />
  /// <reference path="IA.ts" />
  /// <reference path="IB.ts" />
  define(['ClassA', 'ClassB'],
      function (classA, classB)
      {
          var aa : IA = new classA.ClassA();
          var bb : IB = new classB.ClassB(aa);
  
          bb.funcB();
          aa._classB.funcB();
          bb._classA.funcA();
          aa.funcA();
      });
  

И сгенерированный код js:

• Файл ClassA.js

  define(["require", "exports"], function(require, exports) {
      var ClassA = (function () {
          function ClassA(classB) {
              this._classB = null;
              this._classB = classB;
              if (classB) {
                  this._classB._classA = this;
              }
              return this;
          }
          ClassA.prototype.funcA = function () {
              console.log('I am ClassA');
          };
          return ClassA;
      })();
      exports.ClassA = ClassA;
  });
  

• Файл ClassB.js

  define(["require", "exports"], function(require, exports) {
      var ClassB = (function () {
          function ClassB(classA) {
              this._classA = null;
              this._classA = classA;
              if (classA) {
                  this._classA._classB = this;
              }
              return this;
          }
          ClassB.prototype.funcB = function () {
              console.log('I am ClassB');
          };
          return ClassB;
      })();
      exports.ClassB = ClassB;
  });
  

• Файл MainTest.js

  define(['ClassA', 'ClassB'], function (classA, classB) {
  
      var aa = new classA.ClassA();
      var bb = new classB.ClassB(aa);
  
      bb.funcB();
      aa._classB.funcB();
      bb._classA.funcA();
      aa.funcA();
  
  });
  

наконец, вывод будет:

я класс B

я класс B

я класс А

я класс А