带有类但没有 Mixins 的 Javascript 中的组合模式？

Question

以下是在 Javascript 中实现组合模式的有效策略吗？我想使用类而不是构造函数或普通对象，而且我知道 Mixins 不是最佳实践。一个问题是，在这种方法中，添加到Person 对象的方法没有附加到原型，因此每个方法都需要内存分配。谢谢！

class Person {
  name;
  constructor(name) {
    this.name = name;
  }
}

function fly() {
  return {
    fly() {
      console.log(`${this.name} can fly!`);
    },
  };
}

function swim() {
  return {
    swim() {
      console.log(`${this.name} can swim!`);
    },
  };
}

function makeFlyingPerson(name) {
  return Object.assign(new Person(name), fly());
}

function makeSwimmingPerson(name) {
  return Object.assign(new Person(name), swim());
}

Answer 1

...添加到Person 对象的方法未附加到原型，因此每个方法都需要分配内存

没错，但这是一个微不足道的数量，每个对象每个方法的一个属性的成本（保存该方法的函数引用）。属性不是什么都没有，但它们并不大。为免生疑问：function 对象被所有实例重用，而不是复制。

fly 和 swim 没有理由成为函数，但（至少，从问题中看不出），直接使用对象：

class Person {
    name;
    constructor(name) {
        this.name = name;
    }
}

const flyMethods = {
    fly() {
        console.log(`${this.name} can fly!`);
    },
};

const swimMethods = {
    swim() {
        console.log(`${this.name} can swim!`);
    },
};

function makeFlyingPerson(name) {
    return Object.assign(new Person(name), flyMethods);
}

function makeSwimmingPerson(name) {
    return Object.assign(new Person(name), swimMethods);
}

请注意，这仍然使用 mixins（您的原始版本和上述版本）。

除非您打算将fly/flyMethods 和swim/swimMethods 与Person 以外的其他类一起重用，否则使用extends 似乎更简单，并且会给您提供原型方法重用：

class FlyingPerson extends Person {
    fly() {
        // ...
    }
}

---

如果您正在在多个类中重用fly/flyMethods 等，另一种选择是使用工厂构建函数从各种方法集创建原型，然后重复使用它：

class Person {
    name;
    constructor(name) {
        this.name = name;
    }
}

const flyMethods = {
    fly() {
        console.log(`${this.name} can fly!`);
    },
};

const swimMethods = {
    swim() {
        console.log(`${this.name} can swim!`);
    },
};

function extendWith(cls, name, ...mixins) {
    // We use the wrapper object so that the class constructor's name is assigned from `name`
    const obj = {
        [name]: class extends cls {
        }
    };
    Object.assign(obj[name].prototype, ...mixins);
    return obj[name];
}

const FlyingPerson = extendWith(Person, "FlyingPerson", flyMethods);
const SwimmingPerson = extendWith(Person, "SwimmingPerson", swimMethods);
const FlyingSwimmingPerson = extendWith(Person, "FlyingSwimmingPerson", flyMethods, swimMethods);

const joe = new FlyingSwimmingPerson("Joe");
joe.fly();
joe.swim();

class Animal {
    name;
    type;
    constructor(name, type) {
        this.name = name;
        this.type = type;
    }
}

const FlyingSwimmingAnimal = extendWith(Animal, "FlyingSwimmingAnimal", flyMethods, swimMethods);

console.log(FlyingSwimmingAnimal.name); // FlyingSwimmingAnimal
const splippery = new FlyingSwimmingAnimal("Slippery");
splippery.fly();
splippery.swim();