史世旺—Ext源码分析.pdfVIP

Ext 源码分析 Ext 源码分析 史世旺 北京北科博研科技有限公司 准备工作 要理解Ext.extend 的代码，首先需要了解javaScript 实现继承的方式，《j avascript 高级程序设计》中介绍的继承方式有对象冒充，原型链，call，appl y，混合五种，具体介绍可以查看《javascript 高级程序设计》，这几种方式可 以总结归纳为原型继承和对象冒充两种方式。 1. 原型继承的方式如下： 首先，定义一个基类 Animal function Animal(name){ this.name = name; } Animal.type = ‘Animal’; 它的基本方法定义如下 Animal.prototype = { run: function(){ alert (this.name + is running...); }, eat : function(){ alert (this.name + is eatting...); } } Animal.prototype.constructor = Animal; 其次，定义一个实现类Dog Dog = function(name){ this.name = name; } Dog.prototype = new Animal(); Dog.prototype.constructor = Person; 定义自己的扩展方法 Dog.prototype.play = function(){ alert (this.name + is playing...); } var d = new Dog (‘大黄’); Ext 源码分析 alert(d.name); alert(d.type); d.eat(); 通过观察，会发现原型继承把父类通过this 和prototype 定义的属性都继 承了过来，但是定义在Animal 类上的静态属性type 没有被继承过来。 我们修改Dog 的构造函数为 Dog = function(name){ this.name = name; for(var p in Animal){ Dog[p] = Animal[p]; } } 再次观察，父类的静态属性被继承下来了。 这样，就通过原型继承方法，使Dog 类继承了Animal 类的方法，并扩展了 其方法。 2. 对象冒充的方式如下： function Animal(type){ this.type = name ||’Animal’; } 它的基本方法定义如下 Animal.prototype = { run: function(){ alert (this.name + is running...); }, eat : function(){ alert (this.name + is eatting...); } } Animal.prototype.constructor = Animal; Dog = function(name){ Animal.call(this); This.name = name; } var d = new Dog (‘大黄’); alert(d.type); d.eat(); 通过观察，我们会发现“对象冒充”存在如下特点： 1) 父类中通过this 进行赋值的所有属性被继承，但是父类中prototype 上 定义的属性没有继承下来；