javascript中最完美的继承方式

本文详细介绍了JavaScript中类的继承机制,包括借用构造函数继承、原型链继承及使用extends关键字实现单一原型继承的过程,并展示了如何在子类中添加自定义原型方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


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);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值