使用super()在扩展一个类时的区别。

Question

使用super()在扩展一个类时的区别。

3

我正在学习创建新类、扩展它和子类化。我不理解以下内容：

为什么在示例#2中扩展类时，constructor()和super()都使用length作为参数？
如果示例#2中的super()应该访问父类Polygon，那么它不应该使用height和width作为参数来访问它们在Polygon类中的值吗（就像示例#4中所做的那样）？如果不是这样，为什么？

源代码如下：https://googlechrome.github.io/samples/classes-es6/index.html

// Example 1: Creating a new class (declaration-form)
// ===============================================================

class Polygon {
  constructor(height, width) {
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }
  sayName() {
    console.log('Hi, I am a ', this.name + '.');
  }

  sayHistory() {
    console.log('"Polygon" is derived from the Greek polus (many) ' +
      'and gonia (angle).');
  }
}


// Example 2: Extending an existing class
// ===============================================================

class Square extends Polygon {
  constructor(length) {
    super(length, length);
    this.name = 'Square';
  }
  get area() {
    return this.height * this.width;
  }
  set area(value) {
    this.area = value;
  }
}

let s = new Square(5);

s.sayName();
console.log('The area of this square is ' + s.area);

// Example 4: Subclassing methods of a parent class
// ===============================================================

class Rectangle extends Polygon {
  constructor(height, width) {
    super(height, width);
    this.name = 'Rectangle';
  }
  sayName() {
    console.log('Sup! My name is ', this.name + '.');
    super.sayHistory();
  }
}

let r = new Rectangle(50, 60);
r.sayName();

- user3926863

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- CertainPerformance · Accepted Answer

一个正方形只需要一个参数 - 其中一个边的长度，这是有道理的。但如果正方形是多边形的一种类型，则此处的多边形需要两个参数，即高度和宽度。

如果实例化一个正方形，该正方形需要调用super来运行多边形构造函数，该构造函数需要两个参数：height和width。在Square构造函数中，它们是相同的 - length变量，因此需要进行调用。

super(length, length);

第四个例子不同于其他的例子，因为它是一个矩形而不是一个正方形。与多边形一样，矩形接受两个参数——高度和宽度，所以矩形构造函数和多边形构造函数都使用(height, width)进行调用，而super调用也反映了这一点：

super(height, width);