dojo 中对象扩展与原型继承的实现

dojo 是一款优秀的javascript框架，通常我们可以在复杂的企业级应用中看到它的身影。

dojo 提供了两个方法来实现继承 dojo.mixin 、dojo.extend

dojo.mixin 作用在对象上，它负责扩展一个对象
dojo.extend 作用在实例上，他负责扩展实例（本质上是扩展产生实例的类）

而这两个方法的底层实现是dojo._mixin。

因此，我将这一部分抽出，并进行分析。

 

(function(){ // 创建一个命名空间 var dojo = {}; // 初始化一些变量 var extraNames, extraLen, empty = {}; // 判断是否为ie浏览器，如果不是则将 dojo._extraNames 设为空数组 // 如果是则将其设置为["hasOwnProperty", "valueOf", "isPrototypeOf", // "propertyIsEnumerable", "toLocaleString", "toString", "constructor"] for(var i in {toString: 1}){ extraNames = []; break; } dojo._extraNames = extraNames = extraNames || ["hasOwnProperty", "valueOf", "isPrototypeOf", "propertyIsEnumerable", "toLocaleString", "toString", "constructor"]; extraLen = extraNames.length; dojo._mixin = function(/*Object*/ target, /*Object*/ source){ var name, s, i; // 历遍源对象 for(name in source){ // 将源对象中的属性依次赋给s s = source[name]; // 如果目标对象不存在属性name 或者 目标对象中属性name 的值不等于s // 同时这个属性不是js Object 对象的保留属性 if(!(name in target) || (target[name] !== s && (!(name in empty) || empty[name] !== s))){ // 更新目标对象 target[name] = s; } } // IE doesn't recognize some custom functions in for..in // 如果是ie浏览器 --> dojo._extraNames 数组不为0 if(extraLen && source){ for(i = 0; i < extraLen; ++i){ // 调用数组中的那些方法 name = extraNames[i]; s = source[name]; // 用 dojo._extraNames 中的方法检查是否可将源对象扩展到目标对象中 if(!(name in target) || (target[name] !== s && (!(name in empty) || empty[name] !== s))){ target[name] = s; } } } return target; // Object } dojo.mixin = function(/*Object*/obj, /*Object...*/props){ // 如果目标为空，初始化一个对象 if(!obj){ obj = {}; } // 调用dojo_mixin() 扩展目标对象 for(var i=1, l=arguments.length; i<l; i++){ dojo._mixin(obj, arguments[i]); } return obj; // Object } dojo.extend = function(/*Object*/ constructor, /*Object...*/ props){ for(var i=1, l=arguments.length; i<l; i++){ // 调用dojo_mixin() 扩展构造函数的原型链 dojo._mixin(constructor.prototype, arguments[i]); } return constructor; // Object } window.dojo = dojo; })(); var obj = { age: 24 } // 调用 dojo.mixin 方法扩展obj对象 obj = dojo.mixin(obj,{name:"zhangsan"}); alert(obj.name + "'s age is " + obj.age == "zhangsan's age is 24"); var User = function (){}; var obj = new User(); // 调用 dojo.extend 方法扩展 User 对象的原型链 User = dojo.extend(User,{ saybye: function(){ return "byebye"; } }); // obj 对象具备了saybye()的方法 alert(obj.saybye() == "byebye")

 

来源：http://www.zhangjingwei.com/archives/dojo-prototypal-inheritance/