javascript中最完美的继承方式

来源:互联网 发布:淘宝首页排版自定义 编辑:程序博客网 时间:2024/05/19 15:19


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
原创粉丝点击