JavaScript学习手册（58）

Posted 2021-05-14 designbyly

继承模式

1. 原型链继承

   套路

   定义父类型构造函数

   给父类型的原型添加方法

   定义子类型的构造函数

   创建父类型的对象赋值给子类型的原型

   将子类型原型的构造属性设置为子类型

   给子类型原型添加方法

   创建子类型的对象：可以调用父类型的方法

   关键

   子类型的原型为父类型的一个实例对象

   //父类型
   function Supper(){
   this.supProp='Supper Property'
   }
   Supper.prototype.showSupperProp=function(){
   console.log(this.supProp)
   }
   //子类型
   function Sub(){
   this.subProp='Sub prototy'
   }
   //子类型的原型为父类型的一个实例对象
   Sub.prototype=new Supper()
   Sub.prototype.showSubProp=function(){
   consoe.log(this.subProp)
   }
   var sub=new Sub()
   sub.showSupperProp()
   sub.toString() 
   sub.showSubProp()
   console.log(sub.constructor)//sub
   

2. 借用构造函数继承（假的）

   套路

   定义父类型构造函数

   定义子类型构造函数

   在子类型构造函数中调用父类型构造

   关键

   在子类型构造函数中通用super（）调用父类型构造函数

3. 组合继承

   利用原型链实现对父类型对象的方法继承。

   利用super（）借用父类型构建函数初始化相同属性。

每日一句
民族精神不仅仅是大义凛然，视死如归；也不仅仅是金戈铁马，马革裹尸滴中。