如何使用工厂函数解决 ES6 模块中的循环依赖关系？

我想在我的里面写这样的东西src/core/Chessman.js file:

import King from './chessmen/King'

class Chessman {
  static factory(side, quality) {
    switch(quality) {
      case 'king' : return new King(side) break
      // ... other qualities
    }

    constructor(side) { this.side = side }

    cast(position, ref) { }

    run(position, startRef, endRef) {}
  }

在我的里面src/core/chessmen/King.js file:

import Chessman from '../Chessman'

class King extends Chessman {

  constructor(side) {
    super(side)
    this.iterative = false // true for Queens, Rooks and Bishop
    this.directions = [
      'up', 'up+right', 'right', 'right+down', 
      'down', 'down+left', 'left', 'left+top'
    ]
  }

  // overrides parent behavior
  cast(position, ref) {}
  run(position, startRef, endRef) {}
}

但遗憾的是我在使用 Karma、jasmine 和 babel 时遇到了错误（在测试时）

类型错误：超级表达式必须为 null 或函数，而不是未定义 在 src/core/chessmen/King.js:57

目前还没有 57 号线King.js !

您有循环依赖错误。根据您向我们展示的内容，请考虑以下步骤：

1. Chessman.js开始加载
2. 它暂停执行，以便可以加载其依赖项。
3. King.js开始加载，因为它是一个依赖项。
4. King.js抛出因为class King extends Chessman运行，但是Chessman尚未设置，因为它在步骤 #2 暂停

您最好将工厂函数移至其自己的文件中，以避免循环依赖。 JS 中唯一安全的循环依赖是模块本身初始化时不需要的循环依赖。自从class extends X在模块初始化时运行，对于循环来说不安全。

如果这实际上是您唯一的课程，您可以编写您的应用程序King.js之前导入过Chessman.js，但考虑到您对工厂的使用以及您的命名方案，我认为还有其他棋子。由于每个棋子类都会触发此问题，因此无法以正确的顺序导入它们。通过将工厂功能移出来避免这个问题Chessman.js是唯一的解决方案。