如何将一个类构造函数的先前实例的参数传播到另一个实例

时间:2018-11-22 11:54:47

标签: javascript constructor spread-syntax class-constructors

我想问一下我在做什么错

我的目标

我想从类构造函数创建实例。 第一个是名为Person的更通用的类,然后是另一个将从该类继承属性的类。

我的问题是 当所有类都已设置并且声明了指向Person构造函数的第一个实例时,如何将前一个实例的key: values传递给下一个实例,因为我不想在相同的参数上重复我的自我。

我目前正在传播实例的先前参数,但显然,我做错了事。

class Person {
    constructor (name,yearOfBirth,job) {
        this.name = name;
        this.yearOfBirth = yearOfBirth;
        this.job = job;
    }
    getAge() {
        return new Date().getFullYear() - this.yearOfBirth
    }
    greet(){
        return `${this.name} is a ${this.getAge()} years old ${this.job}`
    }
}

class footballPlayer extends Person {
    constructor(name,yearOfBirth, job, team, cups) {
        super(name, yearOfBirth, job)
        this.team = team;
        this.cups = cups;
    }
    cupsWon() {
        console.log(`${this.name} who was bord on ${this.year} and works as a ${this.job} won ${this.cups} with ${this.team}`);
    }
}

const vagg = new Person('vaggelis', 1990, 'Developer');
const vaggA= new footballPlayer( {...vagg} , 'real madrid', 4)

console.log(vagg.greet());
console.log(vaggA.cupsWon());

谢谢!

1 个答案:

答案 0 :(得分:0)

如果我正确理解了您想做什么,则只需将描述Person的参数值传递给footballPlayer(注意:类名按照惯例应为大写)。

var vaggA = new footballPlayer( ...Object.values(vagg) , 'real madrid', 4);

编辑:如果您担心Object.values(它是real threat)的顺序不同,可以在Person类中创建一个getter函数它将按照应该给予构造函数的顺序返回确切的参数列表:

class Person {
  // ...
  describe() {
    return [this.name, this.yearOfBirth, this.job];
  }
}

const vaggA = new footballPlayer( ...vagg.describe() , 'real madrid', 4);