如何设置属于基类[继承]的子类对象的属性（属性）？ （将 Base 的属性传递给 Child）

Question

我是类和 OOP 的新手，正在学习一个解释类和继承的教程，偶然发现了一些东西。

如何将属于基类的构造函数的值传递给子类？

例如，如果一个 BASE 类有

this.name=name
this .age=age

子类继承基类

在基类中，有两个属性

this.childSchoool=school
this.childfiends=friends

我可以使用super().func;访问基类的功能

如果我创建一个像

这样的子类对象

let childobj = new child("school_name", 6);

它会使用学校名称和年龄来初始化子对象

如何设置子类对象的name和age？

Answer 1

很简单，如果你有一个类 (classB) 继承自另一个 (classA)，那么在 classB 构造函数中，你将接受 classA 构造函数的参数并传递它们。

MDN 解释了这一点。

class Base {
  constructor(name, age){
    this.name = name;
    this.age = age;
  }
}

class Child extends Base {
  constructor(name, age, school, friends){
    super(name, age); //pass along to the Base constructor
    this.school = school;
    this.friends = friends;
  }
}

let achild = new Child('ben', 4, 'School1', 99);

参数顺序很重要。但是，您也可以使用命名参数：

let bchild = new Child(school='school2', age=9, name='chris', friends=22);

或者您可以使用spread syntax 传入地图或对象：

let amap = new Map([['name', 'sally'],['school', 'school1'],['age', 10],['friends', 9001]]);

let cchild = new Child(...amap);

Answer 2

您必须提供这样做的方法：

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  setName = (name) => this.name = name;
}

class Cat extends Animal {
  constructor(name) {
    super(name);
  }
}

const myCat = new Cat('Tom');

console.log(myCat.name); // Logs 'Tom'

myCat.setName('Silvester');

console.log(myCat.name); // Logs 'Silvester'

Answer 3

如何将属于基类的构造函数的值传递给 子类？

您通过super() 来完成它，它调用Base 类constructor 来初始化从Base 类继承的属性。

class Base{
  constructor(name, age){
   this._name = name;
   this._age = age;
  }
}
class Child extends Base{
  constructor(name, age, schoolname){
    super(name, age); //initializes the _name & _age properties
    this.schoolname = schoolname;
  }
  
  get name(){
    return this._name;
  }
  
  set name(name){
    this._name = name;
  }
  
  get age(){
  return this._age;
  }
  
  set age(age){
    this._age = age;
  }
  //getter setter for schoolname
}
const child = new Child("foo", 42, "bar");
console.log(child.name);
console.log(child.age);
child.name = "baz"
console.log(child.name);

在上面的代码中，Child 类中的super(name, age) 调用调用了Base 类的constructor(name, age)。

现在在构造函数中设置了this._name & this._age，但这里的this实际上是Child类的对象。

当您调用new Child("foo", 42, "bar") 时，会创建一个新对象，然后将this 分配给新对象。在super(name, age) 调用中，参数name 和age 用于初始化this 对象，以便child 实例将具有来自Base 类的_name 和_age 属性初始化为这些值。