如何理解JavaScript继承中`subclass.__proto__ === parentClass`？

先看你的代码：

class Polygon {
  constructor() {
    this.name = "Polygon";
  }
}
class Square extends Polygon {
  constructor() {
    super();
  }
}
console.log(Square.__proto__ === Polygon); // true  why?
console.log(Square.prototype.__proto__ === Polygon.prototype); // true

你理解第二条语句的逻辑——它负责实例层面的继承：Square的实例会通过Square.prototype.__proto__找到Polygon.prototype，从而继承父类的实例方法和属性。

而第一条语句的核心原因是ES6类继承的设计规则：子类构造函数的__proto__会指向父类构造函数，这是为了实现构造函数层面的继承，让子类能直接继承父类的静态成员（静态方法、静态属性）。

举个直观的例子验证：

class Polygon {
  constructor() {
    this.name = "Polygon";
  }
  // 给父类加一个静态方法
  static getType() {
    return "Shape";
  }
}
class Square extends Polygon {}

// 子类可以直接调用父类的静态方法
console.log(Square.getType()); // 输出 "Shape"

这个调用能生效，本质就是因为Square.__proto__指向Polygon，子类构造函数可以沿着这条链找到父类的静态成员。

简单梳理两层原型链的作用：

• Square.prototype.__proto__ === Polygon.prototype：保障实例能继承父类的实例属性/方法
• Square.__proto__ === Polygon：保障子类构造函数能继承父类的静态属性/方法

这是ES6 class语法糖封装好的标准行为，和ES5手动实现继承的逻辑不同——ES5中通常需要开发者手动处理原型链，而ES6直接帮我们完成了这两层关联。

内容的提问来源于stack exchange，提问作者desen zhao