选择 JS OOP 实现方式，支持 Aptana IDE 的代码提示

ncisoft

浏览: 29542 次
来自: 北京

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (3)

社区版块

存档分类

OOP Aptana IDE EXT Mootools

直接写 JS 代码不需要 IDE 支持的牛人可跳过。。。

JS 在实现复杂的 RIA 组件时，如果没有 OOP 的支持会显得很麻烦，不利于代码重用，比如 Ext JS 的 Widget 里面就广泛用到了继承关系：Observable > Button > SplitButton = MenuButton，MooTools 中对接口的使用比较多。这 JS 代码越写越复杂，Aptana 对 JS 的代码提示支持，还是比较能提高生产效率的。

试用过 ExtJS、Prototype、MooTools、Base.js 等支持 OOP 比较好的框架，发现其 OOP 的实现方式都没有考虑到与 Aptana 的兼容性（YUI 代码太大了），就拿 Base 来举例

js 代码

var Animal = Base.extend({
constructor: function(name) {
this.name = name;
},
_eat: function() {},
_say: function(message) {}
});
var Cat = Animal.extend({
_eat: function(food) {}
});

折腾半天，也没发现如何让 Aptana 提供代码提示。。。

Ext JS 的 OOP 实现方式比较传统，我喜欢这种风格，可是和 Aptana 的兼容性还是不够好，主要是 Ext.extend(subClass, superClass, overrides) 内部代码提示出不来，加以改造吧。

js 代码

/**
* @param {String} name
*/
function Aninmal(name) {}
Aninmal.prototype =
{
/**
* eat amount food
* @param {Number} amount
*/
_eat: function(amount) {},
/**
* @param {String} message
*/
_say: function(message) {}
}
/**
* @extends {Aninmal} 加上这句，Aptana就知道继承 Aninmal 的属性和方法
* @param {Object} name
*/
function Cat(name) {}
Cat.prototype =
{
/**
* @param {Number} amount
* @param {Boolean} isNotify
*/
_eat: function(amount, isNotify) {}
}
Ext.Class.extend(Cat, Aninmal, {}); // 伪代码，可以参考 Ext.extend，实现子类对父类的继承
var obj = new Cat("");
// 对 obj 就可以用上代码提示了

分享到：

Linux 的商业发行版，果然有点门道 | MySQL InnoDB 的性能问题讨论

2007-09-07 18:51
浏览 4212
评论(2)
论坛回复 / 浏览 (2 / 4665)
分类:Web前端
查看更多

2 楼 fangzhouxing 2007-09-08

试一下 Spket 1.6.3!

1 楼 sp42 2007-09-08

不仅IDE OOP支持不好，文档的parser对OOP的支持也不好，明显的一个地方在，用JSDOC不能辨认Ext.extend(subclass,baseclss,{override})的语法（JSDOC 1.3）

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论