日期:2014-05-16 浏览次数:20404 次
从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对象,它给自己添加了几个很重要的成员:
?
Js内置的类型有object string function number boolean array date
下面是Ext对内置对象和其原型的扩展
继续 阅读Ext学习Javascript(二)Core/Ext.extend 从继承说起