Dojo面向对象机制深入剖析.docVIP

 HYPERLINK /dojotoolkit/article/details/5821131 \o Dojo面向对象机制深入剖析 Dojo面向对象机制深入剖析 分类：  HYPERLINK /dojotoolkit/article/category/699057 Dojo核心（dojo）  HYPERLINK /dojotoolkit/article/category/699063 Javascript 2010-08-18 15:24 1168人阅读  HYPERLINK /dojotoolkit/article/details/5821131 \l comments 评论(6)  HYPERLINK javascript:collectArticle(Dojo面向对象机制深入剖析,5821131) 收藏  HYPERLINK /dojotoolkit/article/details/5821131 \l report 举报 ? Dojo是一个基于javascript语言的web控件库，要了解dojo的面向对象机制，我们可以首先来回顾一下javascript本身的基本面向对象机制: ? 首先，javascript主要通过函数来模拟面向对象机制，如： function func1(){}; func1();? //函数调用 new func1();? //实例化的对象 上述两种方式其函数内部的this对象也是不一样的。 ? 再者，关于javascript的最基本的继承方式主要有两种，（当然还有更复杂的，这里只列出最基本的两种方式） 1. 对象冒充方式： function ClassA(sColor) { ??? this.color = sColor; ??? this.xxx = xxx; ?? ......} function ClassB(sColor, name) { ??? this.newMethod = ClassA; ??? this.newMethod(sColor); ??? delete this.newMethod; ?? ......} ? 或者：（这里ClassA同上） function ClassB(sColor, sName)? {? ??? ClassA.call(this, sColor);? //或者apply ? ??? =? sName;? ??? this.sayName = function() {? ??????? alert();? ??? };? }? ? ? ? 2. 原型链式继承： //基类 function ClassA() { }? ClassA.... = .....;? //子类? function ClassB() { }? //通过修改prototype来达到继承目的ClassB.prototype = new ClassA();? //定义新属性与方法? ClassB.... = .....; //保证constructor的一致性（修改prototype后其constructor变为ClassA，应该是ClassB） ClassB.prototype.constructor = ClassB; ? ? 上述两种方法各有优缺点:对象冒充方式效率低，而且必须使用构造函数方式但是能支持多继承，而prototype方式很灵活但不支持多继承。于是有了如下混合方式： function ClassA(sColor) { }? ClassA.... = ..... //设置属性function ClassB() {? ??? ClassA.call(this, sColor);?? //对象冒充方式? 继承属性? ??? = sName;? }? ClassB.prototype = new ClassA();? //原型链方式 继承方法? ClassB.prototype.sayName = function() {? ??? alert();? }? ? ? 下面我们来看看dojo是如何实现继承机制的： 下面是dojo中声明类和使用类的一个简单示例，可以看出，其核心在一个dojo.declare函数上： ? 我们来看看dojo.declare函数： 1 先看第一个参数：className参数，可以见如下相关代码： ...... // add name if specifiedif(className){??? proto.declaredClass = className;??? d.setObject(className, ctor); }