dojo类机制实现原理分析.docVIP

前段时间曾经在InfoQ中文站上发表文章，介绍了dojo类机制的基本用法。有些朋友在读后希望能够更深入了解这部分的内容，本文将会介绍dojo类机制幕后的知识，其中会涉及到dojo类机制的实现原理并对一些关键方法进行源码分析，当然在此之前希望您能够对JavaScript和dojo的使用有些基本的了解。 dojo的类机制支持类声明、继承、调用父类方法等功能。dojo在底层实现上是通过操作原型链来实现其类机制的，而在实现继承时采用类式继承的 方式。值得一提的是，dojo的类机制允许进行多继承（注意，只有父类列表中的第一个作为真正的父类，其它的都是将其属性以mixin的方法加入到子类的 原型链中），为解决多重继承时类方法的顺序问题，dojo用JavaScript实现了Python和其它多继承语言所支持的C3父类线性化算法，以实现 线性的继承关系，想了解更多该算法的知识，可参考这里，我们在后面的分析中将会简单讲解dojo对此算法的实现。 1.dojo类声明概览 dojo类声明相关的代码位于“/dojo/_base/declare.js”文件中，定义类是通过dojo.declare方法来实现的。关于这个方法的基本用法，已经在dojo类机制简介这篇文章中进行了阐述，现在我们看一下它的实现原理（在这部分的代码分析中，会在整体上介绍dojo如何声明类，后文会对里面的重要细节内容进行介绍）： [javascript] view plaincopyprint? 1. //此即为dojo.declare方法的定义 2. d.declare = function(className, superclass, props){ 3. 4. //前面有格式化参数相关的操作，一般情况下定义类会把三个参数全传进来，分别为 5. //类名、父类（可以为null、某个类或多个类组成的数组）和要声明类的属性及方法 6. 7. //定义一系列的变量供后面使用 8. var proto, i, t, ctor, name, bases, chains, mixins = 1, parents = superclass; 9. 10. // 处理要声明类的父类 11. if(opts.call(superclass) == [object Array]){ 12. //如果父类参数传过来的是数组，那么这里就是多继承，要用C3算法处理父类的关系 13. //得到的bases为数组，第一个元素能标识真正父类（即superclass参数中的第一个）//在数组中的索引，其余的数组元素是按顺序排好的继承链，后面还会介绍到C3算法 14. bases = c3mro(superclass, className); 15. t = bases[0]; 16. mixins = bases.length - t; 17. superclass = bases[mixins]; 18. }else{ 19. //此分支内是对没有父类或单个父类情况的处理，不再详述 20. } 21. //以下为构建类的原型属性和方法 22. if(superclass){ 23. for(i = mixins - 1;; --i){ 24. //此处遍历所有需要mixin的类 25. //注意此处，为什么说多个父类的情况下，只有第一个父类是真正的父类呢，因//为在第一次循环的实例化了该父类，并记在了原型链中，而其它需要mixin的//父类在后面处理时会把superclass设为一个空的构造方法，合并父类原型链//后进行实例化 26. proto = forceNew(superclass); 27. if(!i){ 28. //此处在完成最后一个父类后跳出循环 29.