housun — Wed, 18 Mar 2009 06:21:00 GMT

dojo之面向对象编�E?br />
Dojo作�ؓ一个强大的javascript工具��，有它自己面向对象的开发方式，用declare解决了对象的创徏和��承的问题�Q�文档中的例子：

dojo.declare("my.classes.bar", my.classes.foo, {
        // properties to be added to the class prototype
        someValue: 2,
        // initialization function
        constructor: function(){
            this.myComplicatedObject = new ReallyComplicatedObject();
        },
        // other functions
        someMethod: function(){
            doStuff();
        }
    }
);

declare的第一个参数是对象名称�Q�最后一个参数指定在�q�个对象里要��d��的内容，包括函数和属性，写个例子

dojo.declare("Apple", null, {
        price: 5,
        constructor: function(weight) {
            this.total = weight * this.price;
        },
        print: function() {
            alert("The total price is " + this.total);
        }
    }
);
var myapple = new Apple(10);
myapple.print();    //输出�l�果�Q?The total price is 50"

上例通过declare创徏了一个Apple对象�Q�javascript本��n没有�cȝ��概念�Q�可以��用对象本�w�来创徏新的对象myapple�Q�通过构造函数的参数��D��苹果的��M�h(hu��n)�Q�print函数输出�l�果�Q�非常�Ş象的构徏了一个Apple“�c?#8221;�Q�非常容易理解。要注意的是�Q�这里如果声明默认构造函敎ͼ� "new Apple(10)"��直接执行默认构造函敎ͼ�带参数的构造函数就被忽略了�Q��ƈ非C++中顺序执行�?

注意dojo.declare�W�二个参敎ͼ�如果创徏一个独立的新对象，可以设�ؓnull�Q�当需要从其他一个或多个对象�l�承�Ӟ��则�ؓ对象名称�Q�这样就方便的实��C��对象�l�承。多个对象��承，declare�W�二个参��Cؓ一数组�Q�第一个元素�ؓ原型父对象，其他的�ؓmixin对象�Q�通过代码来理解�?

创徏一个GreenApple对象�Q�测试alert执行��序�Q�mixin对象的方法将覆盖之前对象中的同名函数�Q�除非子对象也声明了同名函数print�?

//输出
//"The height of the tree is #ff0000"
//"Getting a green apple"
var gapple = new GreenApple();
//输出�Q�覆盖了Apple对象的print
//"This is an apple tree"
gapple.print();
//"This is a mixin class"
gapple.additional();

dojo/_base/_loader/bootstrap.js有专门的mixin函数�Q�用于对象的拯��Q�将一个创建好的对象拷贝到新的对象�?

var copy = dojo.mixin({}, new Apple(2));
copy.print();

print输出�l�果�?The total price is 10"�Q�mixin参数一定是创徏好的对象实例�Q�否则出错！dojo.extend则可以将一个或多个对象的属性、方法拷贝到一个原型上�Q�通过prototype实现�l�承�Q�这是��承的另外一�U�方式�?

通过declare、mixin、extend�Q?span class="hilite1">dojo�l�我们提供了一�U�方便的对象创徏与扩展机�Ӟ��一般情况下够用了，感觉�q�是比较方便�Q��用时也存在一些限�Ӟ��ȝ��源代码就能理解。这里主要是要知�?span class="hilite1">dojo是如何面向对象的�Q�方便我们更好的理解dojo基础功能�Q�及dijit和dojox�Q?span class="hilite1">dojo最为强大还是它的widgets。本文涉及的js源码�Q?
mixin:dojo/_base/_loader/bootstrap.js
extend:dojo/_base/lang.js
declare:dojo/_base/declare.js

housun 2009-03-18 14:21 发表评论

亚洲香蕉伊综合在人在线视看,国产精品超碰,av小片在线