如何避免每个都使用自己的重复 JS 代码？

Question

我有几个不同的 class 具有相同的重复代码。除了每个 this 的不同身份外，这些重复代码在表面上都是相同的。

这是一个简化的例子：

class classA {
  ...

  doSomething() {
    if (!this.id || !this.data || !this.isAllowed()) {
      return null;
    }
    return someImportedFunc(this.data, this.metadata, this.doSomethingElse());
  }
}

class classB {
  ...

  doSomething() {
    if (!this.id || !this.data || !this.isAllowed()) {
      return null;
    }
    return someImportedFunc(this.data, this.metadata, this.doSomethingElse());
  }
}

// Many other classes like this

我考虑过将 doSomething 方法移至另一个 class，然后将其导入所有这些 classes。但这会导致一个非常混乱的方法，它需要很多很多参数来解释所有不同的 this。它看起来像：

class exportedClass {
  function doSomething(id, data, metadata, isAllowed, doSomethingElse) {
    if (!id || !data || !isAllowed()) {
      return null;
    }
    return someImportedFunc(data, metadata, doSomethingElse());
  }
}

class classA {
  ...

  methodThatUsesDoSomething() {
    const result = exportedClass.doSomething(
        this.id, this.data, this.metadata, this.isAllowed, this.doSomethingElse);
    ...
  }
}

除了像 15 个参数而不是 5 个参数，因为这是一个简化的示例。

在这种情况下如何避免重复代码？

Answer 1

假设您想要一个 non-inheritance 解决方案，我的建议是将“this”作为参数传递，因为原型可以作为参数进行操作。这将允许您在不丢失数据的情况下将参数保持在最低限度。

如何避免每个都使用自己的重复 JS 代码？

How to avoid duplicate JS code that each uses its own this?

javascript

code-duplication