ES6中Class的继承关系

es5实现中,每个对象都有__proto__属性(也就是关系图中[[prototype]]属性),指向对应的构造函数的prototypeClass 作为构造函数的语法糖,同时有prototype属性和__proto__属性,因此同时存在两条继承链。

  1. 子类的__proto__属性,表示构造函数的继承,总是指向父类
  2. 子类prototype属性的__proto__属性,表示方法的继承,总是指向父类的prototype
class A{
 constructor(){
   this.name = 'A';
   this.x = 1;
 }
 sayName(){
  console.log(this.name);
 }
};
class B extends A{
 constructor(){
   super();
   this.name = 'B';
   this.y = 1;
 }
 printY(){
  console.log(this.y);
 }
}
var a = new A();
var b = new B();

关系图:

posted @ 2018-10-11 11:18  勤奋的蓝孩子  阅读(274)  评论(0编辑  收藏  举报