扩展类时使用 super() 的区别

Question

我正在学习如何创建一个新类、对其进行扩展和子类化。我不明白以下内容：

• 为什么在扩展示例#2 中的类时constructor() 和super() 都使用length 作为参数？
• 如果示例#2 中的super() 应该访问父类Polygon，它不应该将height 和width 用作参数而不是length 在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();

Answer 1

一个正方形只接受一个参数是有道理的——它的一个边的长度。但是如果 Square 是一种多边形，这里的多边形需要 两个 参数，一个高度和一个宽度。

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

super(length, length);

示例 4 不同，因为它是 Rectangle，而不是 Square。矩形接受两个参数，一个高度和一个宽度，就像多边形一样，所以Rectangle 构造函数和Polygon 构造函数都使用(height, width) 调用，super 调用反映了这一点：

super(height, width);