如何处理循环依赖？

Gili 发表于 Dev

吉利

鉴于：

StringPreconditions 延伸 ObjectPreconditions
ObjectPreconditions取决于StringPreconditions（其方法之一返回子类）
Preconditions是一个网守ObjectPreconditions和StringPreconditions（确保它们都负载返回一个实例前）
User 取决于 Preconditions

我有以下代码：

define(["ObjectPreconditions"], function(ObjectPreconditions)
{
  console.log("Inside StringPreconditions");

  function StringPreconditions() {}
  StringPreconditions.prototype = Object.create(ObjectPreconditions.prototype);
  StringPreconditions.prototype.constructor = ObjectPreconditions;
  return StringPreconditions;
});

define(["require"], function(require)
{
  console.log("Inside ObjectPreconditions");

  // Resolve circular dependencies
  var StringPreconditions;
  require(["StringPreconditions"], function(theStringPreconditions)
  {
    StringPreconditions = theStringPreconditions;
    console.log("ObjectPreconditions finished loading StringPreconditions");
  });

  function ObjectPreconditions() {}
  ObjectPreconditions.prototype.isInstanceOf(type)
  {
    console.log("ObjectPreconditions.isInstanceOf() invoked");
    if (type === String)
      return new StringPreconditions();
  }
});

define(["ObjectPreconditions", "StringPreconditions"], function(ObjectPreconditions, StringPreconditions)
{
  console.log("Inside Preconditions");
  var Preconditions = {};

  Preconditions.requireThat(parameter) = function()
  {
    return new ObjectPreconditions(parameter);
  };
  return Preconditions;
});

define(["Preconditions"], function(Preconditions)
{
  console.log("Inside User");
  function User() {}
  User.prototype.doSomething = function()
  {
    var StringPrecondition = Preconditions.requireThat("test").isInstanceOf(String);
  }
});

问题是我有10％的时间获得此装载订单：

内部用户
内部先决条件
内部对象前提
内部StringPreconditions
ObjectPreconditions.isInstanceOf（）（CRASH因为StringPreconditions未定义）
ObjectPreconditions完成加载StringPreconditions

我已经阅读了http://requirejs.org/docs/api.html#circular，但我相信他们正在做与我相同的事情。

有任何想法吗？

吉利

更新：https : //stackoverflow.com/a/42264822/14731包含ES6模块的更新答案。

我弄清楚了：我们需要创建一个“ gatekeeper”文件，该文件将定义依赖于循环依赖关系的函数。

重命名ObjectPreconditions.js为AbstractObjectPreconditions.js。
创建一个新ObjectPreconditions.js文件（我们的新网守）。
移动任何循环依赖出的AbstractObjectPreconditions.js成ObjectPreconditions.js
用户代码应该require(ObjectPreconditions)。涉及循环依赖关系的代码（例如，子类）应该require(AbstractObjectPreconditions)。

生成的代码如下所示：

define(["AbstractObjectPreconditions"], function(ObjectPreconditions)
{
  console.log("Inside StringPreconditions");

  function StringPreconditions() {}
  StringPreconditions.prototype = Object.create(ObjectPreconditions.prototype);
  StringPreconditions.prototype.constructor = ObjectPreconditions;
  return StringPreconditions;
});

define(["require"], function(require)
{
  console.log("Inside AbstractObjectPreconditions");

  function ObjectPreconditions() {}
  return ObjectPreconditions;
});

define(["AbstractObjectPreconditions"], function(ObjectPreconditions)
{
  // Gatekeeper for circular dependencies
  ObjectPreconditions.prototype.isInstanceOf(type)
  {
    console.log("ObjectPreconditions.isInstanceOf() invoked");
    if (type === String)
      return new StringPreconditions();
  }

  return ObjectPreconditions;
});


define(["ObjectPreconditions", "StringPreconditions"], function(ObjectPreconditions, StringPreconditions)
{
  console.log("Inside Preconditions");
  var Preconditions = {};

  Preconditions.requireThat(parameter) = function()
  {
    return new ObjectPreconditions(parameter);
  };
  return Preconditions;
});

define(["Preconditions"], function(Preconditions)
{
  console.log("Inside User code");
  function User() {}
  User.prototype.doSomething = function()
  {
    var StringPrecondition = Preconditions.requireThat("test").isInstanceOf(String);
  }
});