有条件地扩展当前类

Question

我想要一个 JavaScript 类，它可以有条件地从单独的文件中将其他方法添加到自身中。这个想法是将应用程序的不同关注点分成更易于管理的独立模块，这些模块仍然可以与母应用程序类中的方法进行交互。因此，单独文件中的附加方法必须能够引用主类中的方法和变量。请参阅下面的代码示例。

我查看了很多不同的解决方案，但它们都有我想要的缺点。

• 我可以做new Uploads()，但我找不到Uploads.js 中的方法引用主App 类中的方法的方法
• 我可以使用 extends，但这不允许有条件扩展 AFAIK
• I could just define new methods into the prototype itself，但这意味着外部文件需要“知道”它将被使用的类，这不会使其可广泛重复使用。

目前为止我最好的如下：

app.js

const Uploads = require("./Uploads.js");
const config = { hasUploads: true }; // Probably loaded from a file

class App {
    constructor() {
        /* Only include the separate module if the config says so */
        if(config.hasUploads) {
            Object.assign(this, Uploads);
        }
    }

    foo() {
        /* Something */
    }
}

上传.js

module.exports = {
    bar() {
        this.foo();
    }
};

有效，但不知道这是不是最好的解决方案；

• 没有构造函数，所以如果Uploads.js 需要做一些设置，app.js 需要包含这样做的逻辑（或者至少知道调用一些唯一命名的假构造函数方法），这似乎并不理想.
• 如果Uploads.js 包含与app.js 或任何其他可能正在加载的模块同名的方法，它们将被覆盖，从而导致意外行为。
• Uploads.js 是函数对象，而app.js 定义一个类。 理想情况下（虽然我猜不一定）为了代码可管理性，它们都应该使用相同的语法。

有没有更好/更清洁/更好的方法来做到这一点？

Answer 1

与其尝试执行某种疯狂的多重继承，不如尝试拥抱组合？它非常适合解决这类问题。

class App {
    
    constructor(modules) {
      if (modules.uploads) {
        this.uploads = modules.uploads(this);
      }
    }
    
    foo() {
        console.log('foo!');
    }
}

class Uploads {
  constructor(context) {
    this.context = context;
  }
  
  method() {
    this.context.foo();
  }
}

const app = new App({ uploads: (ctx) => new Uploads(ctx) });
app.uploads.method();

您可以对此非常感兴趣，并使用构建器来配置具有特定类型模块的应用程序。

根据您预期的复杂性，您可能需要考虑使用event buses、mediators 或commands 将事物与主机本身分离。

Answer 2

修复从上传文件覆盖现有方法的一个选项是在循环中分配新方法并检查重复项（Object.assign 在这种情况下并不理想）并且只添加一次更新：

const Uploads = {
    bar() {
         this.foo("called from bar");
    }
};

const config = { hasUploads: true, // Probably loaded from a file
                 configured: false
};

class App {
    constructor() {
        /* Only include the separate module if the config says so */
        if(config.hasUploads && !config.configured) {
             const proto = this.constructor.prototype;
             const methods = Object.keys(Uploads);
             methods.forEach( name=> {
                 if( proto[ name] ) {
                    throw new Error( "App already has method " + name);
                 }
                 proto[name] = Uploads[name];
             });
             config.configured = true;
        }
    }

    foo(arg) {
        /* Something */
        console.log( arg );
    }
}

const app = new App();
app.bar();

更好（更干净）的替代方法可能是在调用其构造函数之前向类添加更新，使用静态类方法，因为它的 this 值是构造函数。测试示例：

static addMethods(uploads) {  // inside class declaration
    const proto = this.prototype;
    for (const [name, method] of Object.entries(uploads)) {
         if( proto[name]) {
             throw new Error("App already has a ${name} method");
         }
         proto[name] = method;
    }
}

根据需要调用

 if( config.hasUploads) {
     App.addMethods( Uploads);
 }