上一篇:jQuery 原理的模拟代码 -3 事件处理
在上两篇文章中,我们看到每次要通过 jQuery 的原型增加共享方法的时候,都需要通过 jQuery.fn 一个个进行扩展,非常麻烦,jQuery.fn.extend 提供了一个扩展机制,可以方便我们通过一个或者多个示例对象来扩展某个对象。如果没有指定被扩展的对象,那么将扩展到自己身上。
jQuery.extend 也可以通过 jQuery.fn.extend 使用, 在 jQuery 中使用很多,用来为一个目标对象扩展成员,扩展的成员来自于一系列参考对象。
这样,如果我们需要为 jQuery.fn 扩展成员 removeData,就可以这样进行。
jQuery.fn.extend( { removeData: function( key ) { return this.each(function() { jQuery.removeData( this, key ); }); } } );
extend 的源码如下,因为比较简单,所以没有做太多的精简。
1 /// <reference path="jQuery-core.js" /> 2 3 4 jQuery.extend = jQuery.fn.extend = function () { 5 // copy reference to target object 6 var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options, name, src, copy; 7 8 // 深拷贝情况,第一个参数为 boolean 类型,那么,表示深拷贝,第二个参数为目标对象 9 if (typeof target === "boolean") { 10 deep = target; 11 target = arguments[1] || {}; 12 // skip the boolean and the target 13 i = 2; 14 } 15 16 // 如果目标不是对象也不是函数 17 if (typeof target !== "object" && !jQuery.isFunction(target)) { 18 target = {}; 19 } 20 21 // 如果只有一个参数就是扩展自己 22 if (length === i) { 23 target = this; 24 --i; 25 } 26 27 // 遍历所有的参考对象,扩展到目标对象上 28 for (; i < length; i++) { 29 // Only deal with non-null/undefined values 30 if ((options = arguments[i]) != null) { 31 // Extend the base object 32 for (name in options) { 33 src = target[name]; 34 copy = options[name]; 35 36 // Prevent never-ending loop 37 if (target === copy) { 38 continue; 39 } 40 41 // Recurse if we're merging object literal values or arrays 42 if (deep && copy && (jQuery.isPlainObject(copy) || jQuery.isArray(copy))) { 43 var clone = src && (jQuery.isPlainObject(src) || jQuery.isArray(src)) ? src 44 : jQuery.isArray(copy) ? [] : {}; 45 46 // Never move original objects, clone them 47 target[name] = jQuery.extend(deep, clone, copy); 48 49 // Don't bring in undefined values 50 } else if (copy !== undefined) { 51 target[name] = copy; 52 } 53 } 54 } 55 } 56 57 // Return the modified object 58 return target; 59 };
原文:http://www.cnblogs.com/haogj/archive/2010/08/03/1789779.html (编辑:晋中站长网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|