寄生组合继承

寄生组合继承

    结合原型链继承和call继承的方法,同时自己创建一个对象,并且让这个对象的原型指向父类构造函数的prototype.实现寄生组合继承。

 function Parent(x) {
        this.x = x
        this.Hello = function () { }
    }
    Parent.prototype.getx = function () {
        console.log('getx ===>', this.x);
    }

    function Sub(y) {
        this.y = y
        Parent.call(this, 100)
    }

//方法一
    // let obj = {};
    //obj.__proto__ = Parent.prototype
    //因为IE浏览器不支持用户在js中直接使用或者修改__proto__
    //Sub.prototype = obj
//方法二
    Sub.prototype = Object.create(Parent.prototype)

//方法一和方法二的效果一样但建议使用方法二因为IE浏览器不支持用户在js中直接使用或者修改__proto__;
//所以可以使用Object.create()方法来实现这个效果。
//Object.create() ---> 创建一个空的对象,并且让这个空对象的__proto__指向传递的第一个参数
    Sub.prototype.constructor = Sub
    Sub.prototype.gety = function () {
        console.log('gety ===>', this.y);
    }
    let sub = new Sub(200)
    console.log(sub);

图解(可以看看

 

特点:

     1.最完美的js继承解决方案

     2.父类私有的属性和方法,成为子类实例私有的属性和方法

     3.父类公有的属性和方法,成为子类实例公有的属性和方法

   

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值