码迷,mamicode.com
首页 > Web开发 > 详细

JS继承方式

时间:2018-11-28 14:04:03      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:prot   creat   函数   app   on()   .property   基本   property   生成   

JS继承的方式

构造继承

基本思想:

通过使用call,apply方法可以在新创建的对象上执行构造函数,用弗雷的构造函数来增加子类的实例

优点:简单明了,直接继承超类构造函数的属性和方法

缺点:无法继承原型链上的属性和方法

【约定】:

// 父类
function Super(){
  this.property = ‘Super Property‘
}
Super.prototype.getProperty = function(){
  return this.property
}

  

// 子类
function Sub(){
  Super.call(this)
  this.property = ‘Sub Property‘
}

  

原型链继承

基本思想:

利用原型链来实现继承,超类的一个实例作为子类的原型

  

// 子类
function Sub(){
  this.property = ‘Sub Property‘
}
Sub.prototype = new Super()
// 注意这里new Super()生成的超类对象并没有constructor属性,故需添加上
Sub.prototype.constructor = Sub

  

优点:简单明了容易实现。实例是子类的实例,实际上也是父类的一个实例。父类新增原型方法属性,子类都能继承访问

缺点:所有子类的实例的原型都共享同一个超类实例的属性和方法

无法实现多继承

组合继承

基本思想

利用构造函数和原型链组合

// 子类
function Sub(){
  Super.call(this)
  this.property = ‘Sub Property‘
}
Sub.prototype = new Super()
// 注意这里new Super()生成的超类对象并没有constructor属性,故需添加上
Sub.prototype.constructor = Sub

  

优点:解决了构造继承和原型链继承的两个问题

缺点:实际上子类会拥有超类的两份属性,只是子类的属性覆盖了超类的属性

原型式继承

基本思想

采用原型式继承并不需要定义一个类,传入参数obj生成一个继承obj对象的对象

function objectCreate(obj){
  function F(){}
  F.prototype = obj
  return new F()
}

  

优点:直接通过对象生成一个继承该对象的对象

缺点:不是类式继承,而是原型式基础,缺少了类的概念

JS继承方式

标签:prot   creat   函数   app   on()   .property   基本   property   生成   

原文地址:https://www.cnblogs.com/maggie-pan/p/10031594.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!