论坛首页 Web前端技术论坛

辨析Ext Extensions(扩展)与Plugins(插件)之间的关系

浏览 3176 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-05-02  
序言

要是在Ext框架中没有相应的功能,我想许多用户都会自己写一套程序去实现。有一些功能是根据他们的程序而开发的,有些则是通用的,这样其他用户可能就会对此感兴趣。

嗯~我们有了想法了,是需要写一写新的代码,相关的步骤我也懂得,可能面临一个问题,究竟是写扩展(Extension)还是写插件(Plugin)呢?

扩展与插件

我们把两样东西放在一起讨论,可以明确它们之间是有某种很相似的地方。相似的地方在于,它们都是对现有的库的功能进行 修改 或加入新的功能。

扩展与插件均不能独立使用;它们须依赖组件、类运行。

扩展

扩展(extension)在Ext中就是指衍生的子类。假设我们已经有一个附有一些方法的基类,现在欲加入新方法。我们可以框架的继承特性和JavaScript创建新类的语言特性组合新的一个类,包含基类的方法和加入的新方法。

我们这里进行Ext类的扩展。 首先执行函数Ext.extend返回一个新的类,这个类的名称就是新的变量名。 像下例:
MyExtension = Ext.extend(Ext.Panel, {/* 对象的新属性、新方法 */});


接着,我们需要实例化对象:
var myExtension = new MyExtension({/* 可选的配置项 */});


插件

插件不需要从任何Ext类为基础。尽管插件很多时候从Ext.util.Observable哪里扩展,但这不是必须的; 插件其实是可以很灵活的。如果这个插件是为某个组件服务的,就当然没有必要从现有的Ext类:panel,form,grid...写起。

举一个例子,说明如何创建插件:
MyPlugin = function() {/* 代码 */};


然后这样子使用:
var myPanel = new Ext.Panel({
     plugins:[new MyPlugin({/* 可选的配置项 */})]
    ,// 其他myPanel的配置项
});


扩展还是插件?

这要看... 无论写扩展还是写插件都可以达到相同的效果。有的程序员就喜欢写插件,有的喜欢写扩展。总得来说,小一点的功能写成插件,复杂一点的可以写成扩展。插件可以轻松地从组件上移除,扩展就和程序联系很紧密。

总结

一个扩展就是一个新名字出现的一个新类,它是以某个基类为基础,属于类库中的一员。扩展必须好像其他类那样实例化般地使用。
插件会把插入到现有的某个类之中,可灵活地移除,它可以在类库中定义,然后伴随某个类实例化的时候参与运作。

延伸阅读

这是译者的UI blog。
Extending an Ext Class
Writing an Ext Plugin
   发表时间:2008-05-03  
extends=继承
plugin=多态
不知这样的感觉对不对?
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics