jQuery 源码学习（一）jQuery.extend()

jQuery.extend()

用于将一个或多个对象 合并到目标对象中

- 参数：

1. deep 值类型：boolean 是否深度遍历; 缺省值 ：false;
2. target 值类型：Object 目标对象（被扩展的对象）；
3. Object1…ObjectN 值类型：Obejct 扩展的对象；

---

- 实现：

1. 声明全局变量；

  - i 变量存储 扩展对象在参数中的开始位置；默认为1 即arguments[1]  - target 默认 arguments[0] 不存在则创建一个{}  - length 传入参数的个数，用于下面循环赋值时用；

/*　　*target被扩展的对象　　*length参数的数量　　*deep是否深度操作　　*/　　var options, name, src, copy, copyIsArray, clone,　　　　target = arguments[0] || {},　　　　i = 1,　　　　length = arguments.length,　　　　deep = false;

2. 判断传入的参数值

 - target 是否为boolean类型 ；是 ：改变deep 默认值，i 顺延一位 为2 - 判断target 值 是否合法； - 判断length 长度 如果 没有传入扩展对象则把this 赋值给target **?? 不是很懂**

　　// target为第一个参数，如果第一个参数是Boolean类型的值，则把target赋值给deep　　// deep表示是否进行深层面的复制，当为true时，进行深度复制，否则只进行第一层扩展　　// 然后把第二个参数赋值给target　　if ( typeof target === "boolean" ) {　　　　deep = target;　　　　target = arguments[1] || {};　　　　// 将i赋值为2，跳过前两个参数　　　　i = 2;　　}　　// target既不是对象也不是函数则把target设置为空对象。　　if ( typeof target !== "object" && !jQuery.isFunction(target) ) {　　　　target = {};　　}　　// 如果只有一个参数，则把jQuery对象赋值给target，即扩展到jQuery对象上　　if ( length === i ) {　　　　target = this;　　　　// i减1，指向被扩展对象　　　　--i;　　}

3. 判断传入的参数值

• 循环遍历 arguments[i] 的属性，存到 copy 变量中；target 原有的属性存储到 src 中；
• 判断 这个copy 是否是一个纯粹的对象通过（$.isPlainObject()方法） 或者 是一个数组，且 deep 参数传入值为true;
• 如果满足递归条件 再次调用 $.extend(); 传入 src 作为target copy 作为扩展对象；
• 如果不满足条件 直接 赋值；
• 完成循环 返回 对象；

　// 开始遍历需要被扩展到target上的参数　　for ( ; i < length; i++ ) {　　　　// 处理第i个被扩展的对象，即除去deep和target之外的对象　　　　if ( (options = arguments[ i ]) != null ) {　　　　　　// 遍历第i个对象的所有可遍历的属性　　　　　　for ( name in options ) {　　　　　　　　// 根据被扩展对象的键获得目标对象相应值，并赋值给src　　　　　　　　src = target[ name ];　　　　　　　　// 得到被扩展对象的值　　　　　　　　copy = options[ name ];　　　　　　　　// 这里为什么是比较target和copy？　　　　　　　　if ( target === copy ) {　　　　　　　　　　continue;　　　　　　　　}　　　　　　　　// 当用户想要深度操作时，递归合并　　　　　　　　// copy是纯对象或者是数组　　　　　　　　if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {　　　　　　　　　　// 如果是数组　　　　　　　　　　if ( copyIsArray ) {　　　　　　　　　　　　// 将copyIsArray重新设置为false，为下次遍历做准备。　　　　　　　　　　　　copyIsArray = false;　　　　　　　　　　　　// 判断被扩展的对象中src是不是数组　　　　　　　　　　　　clone = src && jQuery.isArray(src) ? src : [];　　　　　　　　　　} else { 　　　　　　　　　　　　// 判断被扩展的对象中src是不是纯对象　　　　　　　　　　　　clone = src && jQuery.isPlainObject(src) ? src : {};　　　　　　　　　　}　　　　　　　　　　// 递归调用extend方法，继续进行深度遍历　　　　　　　　　　target[ name ] = jQuery.extend( deep, clone, copy );　　　　　　　　// 如果不需要深度复制，则直接把copy（第i个被扩展对象中被遍历的那个键的值）　　　　　　　　} else if ( copy !== undefined ) {　　　　　　　　　　target[ name ] = copy;　　　　　　　　}　　　　　　}　　　　}　　}　　// 原对象被改变，因此如果不想改变原对象，target可传入{}　　return target;};

转载自：
http://www.cnblogs.com/charling/p/3452677.html