0

一段时间以来，我一直在尝试围绕对象组合进行思考，但我似乎无法找到“正确的方法”来完成我之前使用 OOP 所做的事情。假设我有一个带有 3 个变量的类 Entity，使用 OOP 我只需创建一个类 Entity 并且该类的所有子级都将具有这 3 个属性，但是使用对象组合我似乎无法理解我应该如何模仿这种继承。

const Entity = {
    let self = {
         x: 0,
         y: 0,
         z: 0,
}

我是否需要在我创建的所有其他需要它们的对象中创建这些属性？或者有没有更好的方法来重用这些属性？

const ObjectX = {
     let state = {
        x: 0,
        y: 0,
        z: 0,
        abc: 0,
        cba: 0,
return Object.assign(state, canDoX);
}

const ObjectY = {
     let state = {
        x: 0,
        y: 0,
        z: 0,
        foo: 0,
        bar: 0,
return Object.assign(state, canDoY);
}
4

2 回答 2

1

如果你想用另一个对象扩展（通过原型）某个对象，那么你可以使用Object.create将一个对象作为参数的方法，并创建一个新对象，并将这个传入的对象通过原型链链接到它。

const entity = {
    x: 1,
    y: 2,
    z: 3
};

const objectX = Object.create(entity);
objectX.abc = 'something';

console.log(objectX.x);
console.log(objectX.y);
console.log(objectX.z);
console.log(objectX.abc);

如果您只想将一个对象混合到另一个对象中，则可以使用Object.assign并将一个空对象作为第一个参数传递，并将该entity对象作为第二个参数传递给此方法，然后将创建一个具有entity从这只是一个浅拷贝，因此如果其中包含一些其他对象，则需要特别小心entity- 这些将通过引用复制，因此如果您更新它们，您将改变原始对象）。

const entity = {
    x: 1,
    y: 2,
    z: 3
};

const objectX = Object.assign({}, entity);
objectX.abc = 'something';

console.log(objectX.x);
console.log(objectX.y);
console.log(objectX.z);
console.log(objectX.abc);

最后一件事，Object.assign可以用像这样的对象解构来代替。

const objectX = { ...entity };

但同样，这也只会产生一个浅拷贝。

于 2018-10-12T10:13:47.747 回答
0

你可能想要一个构造函数？

function BatLoser(batterName){
  this.batter = batterName; this.balls = 0; this.strikes = 0; this.onBase = false; this.strikeOut = false;
  this.swing = function(){
    var zeroOneTwo = Math.floor(Math.random()*3);
    switch(zeroOneTwo){
      case 0:
        this.balls++;
        console.log('ball '+this.balls+' for '+this.batter);
        break;
      case 1:
        this.strikes++;
        console.log('strike '+this.strikes+' for '+this.batter);
        break;
      case 2:
        this.onBase = true;
        console.log(this.batter+' hits the ball and is on base');
        return this;
    }
    if(this.balls > 3){
      this.onBase = true;
      console.log(this.batter+' walks on base');
    }
    if(this.strikes > 2){
      this.strikeOut = true;
      console.log(this.batter+' struck out');
    }
    return this;
  }
  this.batterUp = function(){
    while(!this.onBase && !this.strikeOut){
      this.swing();
    }
    return this;
  }
}
var bob = new BatLoser('Bob'), joe = new BatLoser('Joe');
bob.batterUp(); console.log('-------'); joe.batterUp();

只需继续按该按钮即可查看结果如何变化。

请注意，new构造函数的每个实例都会创建一个new对象。对象字面量没有__constructor方法，或者任何你习惯的方法。

于 2018-10-12T10:57:12.917 回答