Ext继承模式

Ext源码分析源码分析之Ext的继承模式解说——第一节、类的定义

关键字: ext

将Ext的extend继承,我大不算费很大的口舌来解释,因为真的很难表达,什么原型啦,构造函数啦等等拗口的词汇反而不会帮助我们理解,最通俗易懂的莫过于例子了。下面的例子都是模仿Ext的写法来写的,非常正轨,都是本人精心斟酌过的,是一种非常好的设计模式,希望大家既然来看了,就耐心品味下,呵呵,欢迎留言交流
下面这个例子我不打算解释,请您自己思考下

1.Crab = function(){
2.    this.leg = 10;
3.};
4.
5.Crab.prototype.say = function(){alert(‘we hava ‘+this.leg+‘ legs‘)};
6.
7.var crabObj = new Crab();
8.
9.crabObj.say();//运行出来的结果就是 ‘we have 10 legs’
引出一种类似与面向对象的设计模式

1.Crab = function(){//类的定义形式!!
2.    this.leg = 10;//成员变量!!
3.    //成员变量都写在这里
4.};
5.
6.Crab.prototype = {
7.    say : function(){alert(‘we hava ‘+this.leg+‘ legs‘);}
8.    //成员方法都写这里
9.};
10.
11.var crabObj = new Crab();
12.
13.crabObj.say();
如果你以前玩过C++,那么一定非常熟悉了。这种类的定义方式是Ext的基础所在。
var crabObj = new Crab();其实执行了2个步骤!
第一:执行this.leg = 10,其结果就是crabObj.leg = 10
第二:将Crab.prototype这个对象给了crabObj,好比crabObj.say = Crab.prototype.say;
说白了,第一步交接成员变量,第二步交接成员方法。

还有些朋友喜欢这样定义类
function Crab(){
this.leg = 10;
}
当然也是可以的

好了,这就是Ext最最普通的类的定义方式了,请接着看第二节《一个简单的继承》

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值