JS通过原型实现多重继承

8 篇文章 0 订阅

 

/* 
 * 声明一个动物类型  
 */ 
function Animal(){}  
// 为动物类创建一个aname属性  
Animal.prototype.aname = "动物";  
// 为动物类创建一个吼叫的方法  
Animal.prototype.howl = function(word){  
    // 如果对象不存在aname属性,则使用原型链的aname (调用父类属性) 
    if(!this.aname){  
        this.aname = this.__proto__.aname;  
    }  
    console.log("我是" + this.aname + ",我想说"+word);  
};  
   
/*
 * 声明一个狗类 
 */ 
function Dog(){}  
// 设置狗类继承动物类  
Dog.prototype = new Animal();  
// 设置superClass保存父类的方法属性  
Dog.prototype.superClass = new Animal();  
// 设置狗类的aname属性  
Dog.prototype.aname = "狗类";  
// 设置鸟类自己的 howl 方法  
Dog.prototype.howl = function(){  
    console.log("这里是Dog类的howl方法!");  
};  
   
   
   
/** 
 * 声明一个柯基类 
 */ 
function KeJi(){}  
// 设置柯基类继承狗类  
KeJi.prototype = new Dog();  
// 设置superClass保存父类的方法属性  
KeJi.prototype.superClass = new Dog();  
KeJi.prototype.howl = function(){  
    console.log("我是柯基");  
}  
 
 
// 实例化一个柯基对象:"推土基"  
var tuiTuJi = new KeJi();  
// 调用自身原型的howl方法  
tuiTuJi.howl(); // --> "我是柯基"  
   
// 调用父类Dog的howl方法  
tuiTuJi.superClass.howl(); // --> "这里是Dog类的howl方法!"  
   
// 直接调用最大的父类Animal的howl方法(方法中的this指向Animal)  
tuiTuJi.superClass.superClass.howl("我是一只柯基"); // --> "我是动物类,我想说我是一只柯基"  
   
// 用call调用最大的父类Animal的howl方法(方法中的this指向tuiTuJi,但此时tuiTuJi并没有aname属性,所以this.name用的是Dog的aname)  
tuiTuJi.superClass.superClass.howl.call(tuiTuJi,"我是一只柯基"); // --> "我是狗类,我想说我是一只柯基"  
   
// 给当前对象增加aname属性  
tuiTuJi.aname = "推土基";  
// 还是用call调用最大父类Animal的howl方法(此时tuiTuJi对象中已经有aname属性);  
tuiTuJi.superClass.superClass.howl.call(tuiTuJi,"我是一只柯基"); // --> "我是推土基,我想说我是一只柯基"


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值