经典继承方法实现(模拟extjs底层继承机制)

// 混合继承的缺点: 3件事 : 继承了父类的2次模版 , 继承了一次父类的原型对象
      // extend方法 2件事: 继承1次父类的模版 继承一次父类的原型对象

      //1:子类,2:父类
      function extend(sub,sup){
        //目的:实现只继承父类的原型对象
        var F = new Function();   //创建一个空函数,目的是进行中转
        F.prototype = sup.prototype;  //实现空函数的原型对象和父类的原型对象转换
        sub.prototype = new F();      //子类原型对象原型进程
        sub.prototype.constructor = sub;  //还原子类的构造器

        //保存一下父类的原型对象,一方面方便解耦,另一方面方便获得父类的原型对象
        sub.superClass = sup.prototype; //自定义一个子类的静态属性,接受父类的原型对象

        //判断父类原型的构造器
        if (sup.prototype.constructor == Object.prototype.constructor) {
          sup.prototype.constructor = sup;
        }

      }

      function Person(name,age){
        this.name = name;
        this.age = age;
      }

      Person.prototype = {
        constructor : Person,
        sayHello : function(){
          console.log('sayHello');
        }
      }

      function Boy(name,age,sex){
        Boy.superClass.constructor.call(this,name,age);
        this.sex = sex;
      }

      //原型的继承方式:即继承了父类的模板,有继承了父类的原型对象
      //Boy.prototype = new Person();
      //只继承一次父类的原型对象
      extend(Boy,Person);

      //给子类添加一个原型对象的方法
      Boy.prototype.sayHello = function(){
        console.log('Hello javascript');
      }

      var b = new Boy('z3',20,'男');
      console.log(b.name);
      console.log(b.age);
      console.log(b.sex);
      Boy.superClass.sayHello.call(b);

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值