论坛首页 → Web前端技术论坛 →

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

浏览 4652 次
锁定老帖子 主题：选择 JS OOP 实现方式，支持 Aptana IDE 的代码提示
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • ncisoft
  • 等级: 一星会员
  • 文章: 18
  • 积分: 107
  • 来自: 北京
   发表时间：2007-09-07  

直接写 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 代码
  1. var Animal = Base.extend({   
  2.     constructor: function(name) {   
  3.         this.name = name;   
  4.     },   
  5.        
  6.     _eat: function() {},   
  7.        
  8.     _say: function(message) {}   
  9. });   
  10.   
  11. var Cat = Animal.extend({   
  12.     _eat: function(food) {}   
  13. });  

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

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

js 代码
  1. /**  
  2.  * @param {String} name  
  3.  */  
  4. function Aninmal(name) {}   
  5. Aninmal.prototype =    
  6. {   
  7.     /**  
  8.      * eat amount food  
  9.      * @param {Number} amount  
  10.      */  
  11.     _eat: function(amount) {},   
  12.   
  13.     /**  
  14.      * @param {String} message  
  15.      */    
  16.     _say: function(message) {}   
  17. }   
  18.   
  19. /**  
  20.  * @extends {Aninmal} 加上这句，Aptana就知道继承 Aninmal 的属性和方法  
  21.  * @param {Object} name  
  22.  */  
  23. function Cat(name) {}   
  24. Cat.prototype =    
  25. {   
  26.     /**  
  27.      * @param {Number} amount  
  28.      * @param {Boolean} isNotify  
  29.      */  
  30.     _eat: function(amount, isNotify) {}   
  31. }   
  32.   
  33. Ext.Class.extend(Cat, Aninmal, {});  // 伪代码，可以参考 Ext.extend，实现子类对父类的继承   
  34.   
  35. var obj = new Cat("");   
  36. // 对 obj 就可以用上代码提示了  


返回顶楼
         
  • sp42
  • 等级: 三钻会员
  • 文章: 726
  • 积分: 1617
  • 来自: Canton
   发表时间：2007-09-08  
不仅IDE OOP支持不好，文档的parser对OOP的支持也不好，明显的一个地方在，用JSDOC不能辨认Ext.extend(subclass,baseclss,{override})的语法（JSDOC 1.3）
返回顶楼
          回帖地址
0 请登录后投票
  • fangzhouxing
  • 等级: 三星会员
  • 性别:
  • 文章: 321
  • 积分: 368
  • 来自: 上海
   发表时间：2007-09-08  
试一下 Spket 1.6.3!
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → Web前端技术版

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