BlogJava-存阳光的罐子-随笔分类-dojohttp://www.blogjava.net/housun/category/38347.html新开的zh-cnWed, 18 Mar 2009 18:21:08 GMTWed, 18 Mar 2009 18:21:08 GMT60dojo之面向对象编程http://www.blogjava.net/housun/archive/2009/03/18/260472.htmlhousunhousunWed, 18 Mar 2009 06:21:00 GMThttp://www.blogjava.net/housun/archive/2009/03/18/260472.htmlhttp://www.blogjava.net/housun/comments/260472.htmlhttp://www.blogjava.net/housun/archive/2009/03/18/260472.html#Feedback0http://www.blogjava.net/housun/comments/commentRss/260472.htmlhttp://www.blogjava.net/housun/services/trackbacks/260472.htmldojo之面向对象编程

Dojo作为一个强大的javascript工具箱，有它自己面向对象的开发方式，用declare解决了对象的创建和继承的问题，文档中的例子： 
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的第一个参数是对象名称，最后一个参数指定在这个对象里要添加的内容，包括函数和属性，写个例子
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();    //输出结果："The total price is 50"  

上例通过declare创建了一个Apple对象，javascript本身没有类的概念，可以使用对象本身来创建新的对象myapple，通过构造函数的参数值计算苹果的总价，print函数输出结果，非常形象的构建了一个Apple“类”，非常容易理解。要注意的是，这里如果声明默认构造函数， "new Apple(10)"将直接执行默认构造函数，带参数的构造函数就被忽略了，并非C++中顺序执行。

    注意dojo.declare第二个参数，如果创建一个独立的新对象，可以设为null，当需要从其他一个或多个对象继承时，则为对象名称，这样就方便的实现了对象继承。多个对象继承，declare第二个参数为一数组，第一个元素为原型父对象，其他的为mixin对象，通过代码来理解。
<script>  
    dojo.declare("Apple", null, {  
            price : 5,  
            constructor : function(weight) {  
                this.total = weight * this.price;  
            },  
//          constructor : function() {  
//              alert("Create Apple !");  
//          },  
            print : function() {  
                alert("The total price is " + this.total);  
            }  
        }
    );  
    dojo.declare("AppleTree", null, {  
            constructor : function() {  
                alert("Create AppleTree !");  
            },  
            print : function() {  
                alert("This is an apple tree");  
            },  
            additional : function() {  
                alert("This is a mixin class");  
            }  
        }
    );  
    dojo.declare("GreenApple", [Apple, AppleTree], {  
            constructor : function() {  
                alert("Getting a green apple");  
            }  
        }
    );  
</script>

创建一个GreenApple对象，测试alert执行顺序！mixin对象的方法将覆盖之前对象中的同名函数，除非子对象也声明了同名函数print。
//输出  
//"The height of the tree is #ff0000"  
//"Getting a green apple"  
var gapple = new GreenApple();  
//输出，覆盖了Apple对象的print  
//"This is an apple tree"  
gapple.print();  
//"This is a mixin class"  
gapple.additional();  

dojo/_base/_loader/bootstrap.js有专门的mixin函数，用于对象的拷贝，将一个创建好的对象拷贝到新的对象中
var copy = dojo.mixin({}, new Apple(2));  
copy.print(); 

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

    通过declare、mixin、extend，dojo给我们提供了一种方便的对象创建与扩展机制，一般情况下够用了，感觉还是比较方便，使用时也存在一些限制，翻翻源代码就能理解。这里主要是要知道dojo是如何面向对象的，方便我们更好的理解dojo基础功能，及dijit和dojox，dojo最为强大还是它的widgets。本文涉及的js源码：
mixin:dojo/_base/_loader/bootstrap.js
extend:dojo/_base/lang.js
declare:dojo/_base/declare.js


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