jQuery 源码分析4: jQuery.extend
jQuery.extend是jQuery最重要的方法之一，下面看看jQuery是怎样实现扩展操作的
1 // 如果传入一个对象,这个对象的属性会被添加到jQuery对象中 2 3 // 如果传入两个或多个对象,所有对象的属性会被添加到第一个对象中 4 5 // 如果想合并两个对象,则可以这样用: $.extend({}, obj1, obj2); 6 7 // 如果第一个参数是true,则执行深拷贝(迭代合并) 8 9 10 11 jQuery.extend = jQuery.fn.extend = function() { 12 var src, copyIsArray, copy, name, options, clone, 13 target = arguments[0] || {}, // 获取第一个参数,第1个参数选择是否进行深拷贝 14 i = 1, 15 length = arguments.length, 16 deep = false; 17 18 // 处理深拷贝 19 if ( typeof target === "boolean" ) { 20 deep = target; 21 // 跳过第一个boolean值 22 target = arguments[ i ] || {}; // i == 1 23 i++; 24 } 25 26 27 28 // 如果target是一个非object且非function (是string或其他类型,可能要深拷贝) 29 if ( typeof target !== "object" && !jQuery.isFunction(target) ) { 30 target = {}; 31 } 32 33 // 如果只有一个参数，则扩展jQuery对象自己 34 if ( i === length ) { 35 target = this; 36 i--; 37 } 38 for ( ; i < length; i++ ) { 39 // 只处理非null或undefined的值 40 if ( (options = arguments[ i ]) != null ) { 41 // 开始扩展基类对象 42 for ( name in options ) { 43 src = target[ name ]; 44 copy = options[ name ]; 45 // 防止一个环形链，造成循环引用 46 if ( target === copy ) { 47 continue; 48 } 49 // 如果要执行纯对象的深拷贝或拷贝Array时，要递归jQuery.extend 50 51 if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { 52 if ( copyIsArray ) { 53 copyIsArray = false; 54 55 // 确保src是一个数组 56 clone = src && jQuery.isArray(src) ? src : []; 57 } else { 58 59 // 确保src是一个纯对象 60 clone = src && jQuery.isPlainObject(src) ? src : {}; 61 } 62 // 递归调用jQuery.extend来实现深拷贝 63 target[ name ] = jQuery.extend( deep, clone, copy ); 64 65 // 丢弃undefined值 66 } else if ( copy !== undefined ) { 67 // 执行拷贝 68 69 target[ name ] = copy; 70 } 71 } 72 } 73 } 74 // 返回扩展后的对象 75 return target; 76 };
通过jQuery.extend方法可以为jQuery或其他对象进行属性扩展操作。对于纯对象可选择执行深拷贝，对于数组是一定执行深拷贝。
jQuery的大部分功能都通过此方法进行扩展，也可以此为jQuery扩展插件。
jQuery.extend({}),此时target为 jQuery.prototype,为jQuery扩展静态属性或方法,jQuery内部也是以此方法进行。
jQuery().extend({}),此时target为jQuery对象本身,给jQuery对象扩展属性或方法。
