javascript中最完美的继承方式


1、父类Sup
function Sup( name , age){
 this.name = name ;
 this.age = age ;
}

Sup.prototype = {
 constructor: Sup ,
 say: function(){
  console.info('hello 我是父类!');
 }
};

2、子类Sub

function Sub(name , age , gender){
 //call 绑定父类的模版函数 实现 借用构造函数继承 只复制了父类的模版
 Sub.superClass.constructor.call(this , name , age);
 this.gender = gender ;
}

3、继承方法extends

function extends(sub ,sup){
  // 目的: 实现只继承父类的原型对象
  var F = new Function(); // 1 创建一个空函数    目的:空函数进行中转
  F.prototype = sup.prototype; // 2 实现空函数的原型对象和超类的原型对象转换
  sub.prototype = new F();  // 3 原型继承
  sub.prototype.constructor = sub ; // 4还原子类的构造器
  //保存一下父类的原型对象: 一方面方便解耦  另一方面方便获得父类的原型对象
  sub.superClass = sup.prototype; //自定义一个子类的静态属性 接受父类的原型对象
  //判断父类的原型对象的构造器 
  if(sup.prototype.constructor == Object.prototype.constructor){
       sup.prototype.constructor = sup ; //还原父类原型对象的构造器
  }
}
// 只继承一遍父类的原型对象
extends(Sub , Sup);

// 给子类加了一个 原型对象的方法
Sub.prototype.say = function(){
 console.info('hello 我是子类!');
}


var b = new Sub('柯南' , 25 , '女');
alert(b.name);
alert(b.gender);
Sub.superClass.say.call(b);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值