关于对象继承的问题——利用空对象做中介

先上例子:

function Animal(){

    this.type='动物';

}

function Cat(name, color){

    this.name=name;

    this.color=color;

}

//定义继承函数

function extend(Child, Parent){

    var Fn=function(){};
    
    Fn.prototype=Parent.prototype;

    Child.prototype=new Fn();
    
    Child.prototype.constructor=Child;

    Child.uber=Parent.prototype;//这里的uber是个名称,可以随意命名

}

//执行函数
extend(Cat, Animal);

var cat_1=new Cat('kate', 'white');

alert(cat_1.type);//输出结果是undefined

针对这个问题,在extend方法中uber要在Cat中进行体现
对Cat函数添加
Cat.uber.constructor.call(this);

修改后的代码(感兴趣打开连接—工程师的福利导航):

function Animal(){

    this.type='动物';

}

function Cat(name, color){
    
    Cat.uber.constructor.call(this); //添加代码
    
    this.name=name;

    this.color=color;

}

//定义继承函数

function extend(Child, Parent){

    var Fn=function(){};
    
    Fn.prototype=Parent.prototype;

    Child.prototype=new Fn();
    
    Child.prototype.constructor=Child;

    Child.uber=Parent.prototype;//这里的uber是个名称,可以随意命名

}

//执行函数
extend(Cat, Animal);

var cat_1=new Cat('kate', 'white');

alert(cat_1.type);//输出结果是   动物
    原文作者:sourcenode
    原文地址: https://segmentfault.com/a/1190000005963671
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞