阅读Ext 学习Javascript（一）Core/Ext.jsjavascript

从library的角度去看,ext(喜欢中文的朋友可以到它的中文站看看)和prototype jquery yui没有太大区别,但它有它的优点,完整的oo支持、成熟的通用widgets并支持主题、良好的扩展性、快速的更新发布新的widgates、社区也很热闹。最重要的是我个人比较喜欢它。

首先打开源代码看一下它的结构: 从core开始看吧

ext = {version: '2.0-beta1'};

这一行代码是定义一个变量ext,没有使用var表明作者的意思是要将它定义为全局的。等号右边是json(javascript object notation)格式,等效于以下代码:

ext = new object();

ext.version = '2.0-beta1';

window["undefined"] = window["undefined"];

这行代码需要说明的是window和ext不同,它是内置的borwser对象,无需代码声明。和c#等编译类语言不同,在js中当一个对象存在以后,我们可以在任何时候对它的成员进行修改。对像成员的访问有两种方式:一是点记法(如ext.version),二是索引法ext["version"]。索引法看上去麻烦,但实际上却很灵活,而且在有些场合(如下面将要提到的namespace override等函数)是不可替代的。如遍历对象的成员(属性集合中的每一项)。undefined在ie(js)5.5之后的版本中才有,这里的这种写法就巧妙的兼容了旧版本的浏览器。理解了索引法对成员的访问后,来看一下ext.apply方法。

ext.apply = function(o, c, defaults){

if(defaults){

// no "this" reference for friendly out of scope calls

ext.apply(o, defaults);

}

if(o && c && typeof c == 'object'){

for(var p in c){

o[p] = c[p];

}

}

return o;

};

这是一个相当关键的方法,它和prototype中的object.extend是一样的(这里没有用extend是因为它被用到继承ext.extend上面了),实现了对象扩展的功能,即从对象c拷贝成员的功能(如果有默认配置,则先从默认配置扩展)。ext有了这个方法后,紧接着用这个方法对自己进行了丰富的扩展。扩展的时候用了下面这种写法:

(function(){var i=100;alert(i)})()

这种写法就是传说中的匿名函数,它的好处是函数内部定义的对象在函数外面永远无法访问,除此之外这个匿名函数也是不可被其它代码访问的,即使得对象之间不容易被命名污染(在js中很多错误是由于对象命名冲突引起的)。按照通常的写法我们会这样写function a(){var i = 100;alert(i)};a();这样写就留下了一个对象a(在不要再用的时候就成了内存垃圾)。回到ext对象,它给自己添加了几个很重要的成员:

namespace命名空间,js的命名空间其实就是对项链。如传入"a.b.c",则生成三个对象,并链接起来。需要说明的是ext.namespace("a.b.c")会出错,因为它内部把a指向了arguments,这样生成的对象在namespace的外边是不存在的。 在以后的文章里,会以ext扩展的命名空间来逐一阅读理解。

applyif(o, c)将对象c中非未定义成员扩展到o上

addbehaviors(o)

id() 生成唯一对象id,

extend对函数扩展,即类型继承。这是一个至关重要的成员,整个框架中类型的派生都离不开它的支持。

getdom 与prototype的$一样

type

removenode

destroy

num

callback

combine

each

urldecode

urlencode

js内置的类型有object string function number boolean array date

下面是ext对内置对象和其原型的扩展

function.prototype

createcallback 将当前函数应用到指定的对象上,并返回新的函数供调用执行

createdelegate 也是返回一个新函数,差异在以后的章节详细阐述

defer

createsequence

createinterceptor

string

escape转义'和\符号

leftpad 很像c#的padleft padright,自己写的时候往往忘记考虑传入空字符串,会造成死循环

format格式化字符串,类似c#的string.format

string.prototype

toggle 交换两个,用于代替三值表达式

trim 去掉空格

number.prototype.constrain

indexof

remove

array

indexof

remove

date.prototype.getelapsed 获取当前时间与该对象之间的毫秒数

继续 阅读ext学习javascript（二）core/ext.extend 从继承说起

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/