下例中子类是否继承了父类原型（JS）

Question

以下代码：

class Rectangle {
    constructor(w, h) {
        this.w = w;
        this.h = h;
    }
}

Rectangle.prototype.area = function () {
  return (this.w * this.h);  
};

class Square extends Rectangle {
    constructor(w, h) {
        super(w,  h);
        // this.w = w;
        // this.h = h;
    }
}

我的继承有问题吗？

我正在尝试使用：

const rec = new Rectangle(3, 4);

const sqr = new Square(3);

console.log(rec.area());

console.log(sqr.area());

rec 打印出正确答案，但 sqr 打印出来了：NaN

我也尝试过添加一个 Square 原型：

Square.prototype.area = function () {
  return (this.w * this.w);  
};

但输出是：

-1  
-1 

所以这也影响了rec.area()的区域

Answer 1

由于Square 构造函数将只用一个参数调用（因为它的大小在所有方面都相等），您需要将其“转换”为需要 2 个参数（宽度和高度）的Rectangle 构造函数调用.由于正方形的两个参数相等，因此您需要将该单个参数两次传递给 Rectangle 构造函数：

class Rectangle {
    constructor(w, h) {
        this.w = w;
        this.h = h;
    }
    area() { // Use this notation for prototype methods
        return this.w * this.h;  
    }
};

class Square extends Rectangle {
    constructor(w) { // One argument...
        super(w, w); // ...Two arguments, but width == height
    }
}

let square = new Square(10);
console.log(square.area());