qooxdoo--面向对象的特征

最新推荐文章于 2019-01-28 00:07:14 发布

最新推荐文章于 2019-01-28 00:07:14 发布 · 117 阅读

文章标签：

#Opera #OO #UI #浏览器 #F#

qooxdoo 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了使用qooxdoo框架进行面向对象编程的方法，包括类的定义、实例化、继承、构造函数、成员变量及方法声明等核心概念，并演示了如何通过qooxdoo实现类之间的交互。

原文链接：[url]http://qooxdoo.org/documentation/0.8/oo_feature_summary[/url]
定义具有完全限定名的类

qx.Class.define("my.cool.Class");

实例化这个类

var myClass = new my.cool.Class;

继承


qx.Class.define("my.great.SuperClass", {
  // I'm the super class
});

qx.Class.define("my.cool.Class", {
  extend : my.great.SuperClass
});

指定构造函数的类


qx.Class.define("my.cool.Class", 
{
  extend : my.great.SuperClass,
  construct : function() {
    ...
  }
});

声明类的静态成员


qx.Class.define("my.cool.Class", 
{
  statics : 
  { 
    FOO : VALUE,
    BAR : function() { ... }
  }
});

my.cool.Class.FOO = 3.141;
my.cool.Class.BAR();

声明类的成员（实例成员）


qx.Class.define("my.cool.Class", 
{
  members: 
  { 
    foo : VALUE,
    bar : function() { ... }
  }
});

var myClass1 = new my.cool.Class;
myClass1.foo = 3.141;
myClass1.bar();

实例成员访问静态成员 this.self(arguments).成员名


qx.Class.define("my.cool.Class", 
{
  statics : {
    PI : 3.141
  }
  members : {
    circumference : function(radius) {
      return 2 * this.self(arguments).PI * radius;
    }
  }
});

访问父类的静态成员 this.superclass.self(arguments).成员名


qx.Class.define('A', {
  statics: {
     f: function() {}
  }
});

qx.Class.define('B'), {
  extend: A,
  members: {
     e: function() {
        this.superclass.self(arguments).f();
     }
  }
});

调用父类的构造函数 this.base(arguments,参数)


qx.Class.define("my.cool.Class", 
{
  extend : my.great.SuperClass,
  construct : function(x) {
    this.base(arguments, x);
  }
});

析构函数


qx.Class.define("my.cool.Class", 
{
  extend : my.great.SuperClass,
  construct : function() {
    ...
  }
  destruct : function() {
    ...
  }
});

定义接口


qx.Interface.define("my.cool.IInterface");

定义Mixin


qx.Mixin.define("my.cool.MMixin");

类定义时包含Mixin


qx.Class.define("my.cool.Class", 
{
  include : [my.cool.MMixin, my.other.cool.MMixin]
  ...
});

为已定义的类包含Mixin


qx.Class.include(qx.ui.core.Widget, qx.MWidgetExtensions);

类成员可访问性的名称约定


publicMember //public
_protectedMember //protected
__privateMember //private,在构建时可通过选项设置将名称替换成随机名称

静态类


qx.Class.define("my.cool.Class", {
  type : "static"
});

抽象类


qx.Class.define("my.cool.Class", {
  type : "abstract"
});

单例类


qx.Class.define("my.cool.Class", 
{
  type : "singleton",
  extend :  my.great.SuperClass
});

访问前面定义的成员


qx.Class.define("my.cool.Class",
{
  statics:
  {
    driveLetter : "C"
  },
  defer: function(statics, members, properties) 
  { 
    statics.drive = statics.driveLetter + ":\\";
    members.whatsTheDrive = function() {
      return "Drive is " + statics.drive;
    };
  }
});

针对特定浏览器的方法


members: 
{
  foo: qx.core.Variant.select("qx.bom.client.Engine.NAME", 
  {
    "mshtml|opera": function() {
       // Internet Explorer or Opera
    },
    "default": function() {
       // All other browsers
    }
  })
}

事件


qx.Class.define("qx.come.Class",
{
  extend: qx.core.Target,

  events :
  {
    /**  Fired when the widget is clicked. */
    "click": "qx.event.type.MouseEvent"
  } 
  ...
})