模拟ExtJS底层继承(原理)

拼搏的小叔

于 2017-04-30 17:25:09 发布

阅读量494

点赞数

分类专栏： js_基础篇 js_studyShare 文章标签： extjs 继承实例对象

本文链接：https://blog.csdn.net/js_admin/article/details/71024306

版权

本文探讨ExtJS的底层继承实现，详细解释了如何同时继承父类的模板、原型对象，以及通过call和apply实现在子类实例化时传递参数，并确保仅一次继承父类的原型对象。

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

ExtJS底层继承实现的比较完美，既实现了继承父类的模板，又继承了父类的原型对象，又用call，apply实现了子类实例化传参，还只继承了一遍父类的原型对象。其中的原理呢，看下面代码有详细的解释。

  // 原型继承的方式：既继承了父类的模板，又继承了父类的原型对象 如 Boy.prototype = new Persion();
      
        //混合继承：原型继承和类继承
        //  父类 
        function Persion(name,age){ 
        	this.name = name; 
        	this.age = age; 
        }
        Persion.prototype = {
        	constructor:Persion, //此处可以不这样写  也可以通过Object.defineProperty()
        	sayHello:function  () {
        		alert('Hello world');
        	}
        }
  
        // 子类 
        function Boy(name,age,sex){ 
        	//call apply 实现继承 只复制了父类的模板
        	//为了更好的解耦  此处Persion = Boy.superClass.constructor
        	Boy.superClass.constructor.call(this,name,age);
        	this.sex = sex;
        }
          extend(Boy

最低0.47元/天解锁文章