Как обрабатывать циклические зависимости с помощью RequireJS / AMD?

В моей системе у меня есть несколько «классов», загруженных в браузер, каждый из которых представляет собой отдельный файл во время разработки и объединен вместе для производства. Когда они загружаются, они инициализируют свойство глобального объекта, здесь G , как в этом примере:

var G = {};

G.Employee = function(name) {
    this.name = name;
    this.company = new G.Company(name + "'s own company");
};

G.Company = function(name) {
    this.name = name;
    this.employees = [];
};
G.Company.prototype.addEmployee = function(name) {
    var employee = new G.Employee(name);
    this.employees.push(employee);
    employee.company = this;
};

var john = new G.Employee("John");
var bigCorp = new G.Company("Big Corp");
bigCorp.addEmployee("Mary");

Вместо использования моего собственного глобального объекта я собираюсь сделать каждый класс своим собственным модулем AMD на основе предложения Джеймса Берка :

define("Employee", ["Company"], function(Company) {
    return function (name) {
        this.name = name;
        this.company = new Company(name + "'s own company");
    };
});
define("Company", ["Employee"], function(Employee) {
    function Company(name) {
        this.name = name;
        this.employees = [];
    };
    Company.prototype.addEmployee = function(name) {
        var employee = new Employee(name);
        this.employees.push(employee);
        employee.company = this;
    };
    return Company;
});
define("main", ["Employee", "Company"], function (Employee, Company) {
    var john = new Employee("John");
    var bigCorp = new Company("Big Corp");
    bigCorp.addEmployee("Mary");
});

Проблема в том, что раньше не существовало зависимости между сотрудником и компанией во время объявления: вы могли поместить объявление в любом порядке, но теперь, используя RequireJS, это вводит зависимость, которая здесь (намеренно) циклическая, поэтому приведенный выше код не работает. Конечно, в addEmployee () добавление первой строки var Employee = require ("Employee"); заставит заставить его работать , но я вижу это решение хуже, чем не использовать RequireJS / AMD, поскольку это требует от меня, разработчика, чтобы знать об этой вновь созданной циклической зависимости и что-то с этим делать.

Есть ли лучший способ решить эту проблему с помощью RequireJS / AMD, или я использую RequireJS / AMD для чего-то, для чего он не был разработан?

78
задан Community 23 May 2017 в 10:31
поделиться