源码解析

在解析代码之前,首先要了解extend函数要解决什么问题,以及传入不同的参数,会达到怎样的效果。extend函数内部处理传入的不同参数,返回处理后的对象。

extend函数用来扩展对象,增加属性和方法。

传入的参数有以下形式:

详细参见:解析jQuery中extend方法--用法《一》

  1. 可以传入N多个参数,将src1,src2..srcN的每一项合并到dest中
	extend(dest,src1,src2...srcN);
  1. 只传入一个对象时,$.extend(),给jQuery扩展静态方法;$.fn.extend(),给jQuery扩展实例方法。
	extend(dest);
  1. 第一个参数为布尔值,为true完成深层拷贝,为false完成浅拷贝。
	extend(Boolean,src1,src2);

了解到extend传入的参数,那么分析源码就很清晰:

jQuery.extend = jQuery.fn.extend = function() {
/*
传入的对象分为扩展对象和被扩展对象
*/
var options, name, src, copy, copyIsArray, clone, //
target = arguments[0] || {}, //被扩展的对象
i = 1, //设置扩展对象的起始值,默认从第二项开始
length = arguments.length, //传递参数的个数,以便下面循环扩展对象使用
deep = false; //默认浅复制 /*
处理深层拷贝或浅拷贝情况
extend(Boolean,src1,src2..srcN);
*/
if ( typeof target === "boolean" ) { deep = target; //将deep设为target,此时target为传进来的Boolean值,true or false; target = arguments[ i ] || {}; //重新设置被扩展对象,为参数的第二项 i++; //重设扩展对象的起始值,从第三项开始
} /*
被扩展的不是对象或函数,可能是String,Number或其他;
extend("",src1,src2...srcN);
*/ if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
target = {}; //重新设置target的值为空对象
} /*
当只传入一个对象
extend(src1);
将target设为jQuery对象或者jQuery.prototype,来扩展jQuery静态属性方法或是实例属性方法
$.extend(src1); //扩展jQuery对象
$.fn.extend(src1) //扩展jQuery.prototype
*/
if ( i === length ) {
target = this;
i--; //重设扩展对象起始值,从第0个开始
} /*
被扩展对象和扩展对象所有情况处理完毕,开始循环进行拷贝
对从i开始的多个参数进行遍历
*/ for ( ; i < length; i++ ) { if ( (options = arguments[ i ]) != null ) { //只处理有定义扩展对象
//扩展基本对象
for ( name in options ) { //循环每一项扩展对象
src = target[ name ];
copy = options[ name ]; // 防止循环引用,window === window.window.window
if ( target === copy ) {
continue;
} /*
对象或数组做深拷贝
deep:判断是否要深拷贝
copy:保证copy存在
jQuery.isPlainObject:判断copy是否是一个纯粹的对象,通过{} 或 new Object 创建
jQuery.isArray:判断是否为数组
*/
if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
//为数组
if ( copyIsArray ) {
copyIsArray = false; //设为false,以便下次再重新判断是否为数组
clone = src && jQuery.isArray(src) ? src : []; //设置clone为一个数组 } else {
clone = src && jQuery.isPlainObject(src) ? src : {}; //设置clone为一个对象
} //递归深度拷贝
target[ name ] = jQuery.extend( deep, clone, copy ); //过滤未定义的值
} else if ( copy !== undefined ) {
target[ name ] = copy;
}
}
}
} //返回修改后的对象
return target;
};

内部源码不是很复杂,主要是处理传入的不同参数。这个函数的实现,真正要理解的其实是递归。

递归

递归,就是在运行的过程中调用自己。

从简单的递归入手,以阶乘为例:

	function recursion(num){
if( num < 1 ) { //满足条件,终止递归调用
return 1;
};
return recursion( num - 1 ) * num;
};
recursion(6); //720

简单的递归运算,说说它的原理。

递归运算过程跟栈的数据结构很相似,遵循先进后出的原则。比如阶乘这个例子:

自上而下不断调用自身,直到不满足条件为止						自下而上返回数据进行运算,得到最终值		

1) recursion(num) 		-------> 	recursion(6) 		=== 	720
| | ↑
| | -----------
↓ ↓ |
2) recursion(num - 1) * num -------> recursion(6 - 1) * 6 === 120 * 6 = 720
| | ↑
| | ----------
↓ ↓ |
3) recursion(num - 1) * num -------> recursion(5 - 1) * 5 === 24 * 5 = 120
| | ↑
| | --------
↓ ↓ |
4) recursion(num - 1) * num -------> recursion(4 - 1) * 4 === 6 * 4 = 24
| | ↑
| | --------
↓ ↓ |
5) recursion(num - 1) * num -------> recursion(3 - 1) * 3 === 2 * 3 = 6
| | ↑
| | --------
↓ ↓ |
6) recursion(num - 1) * num -------> recursion(2 - 1) * 2 === 1 * 2 = 2
| | ↑
| | --------
↓ ↓ |
7) recursion(num) -------> recursion(1) === 1
(num < 1 返回值为 1) (结束调用自身,返回数值1)

一上来先调用recursion(num),也就是1),不满足递归停止的条件,内部调用自身,继续进行2),3),4),5),6)步,当到7)步时,num<1,返回值1,停止调用自身,然后依次从6),5),4),3),2),1)步,根据上一次调用的返回值参与运算,得到最终结果。

也可以这样理解,定义一个数组,每调用一次自身就向数组里push一个自身的函数,直到满足条件停止调用自身为止,然后从数组的最后一项依次向前一个函数传递返回值,直到调用到第一个函数为止。

理解了以上递归的过程,就不难理解深层拷贝。

递归调用把我搞的七荤八素,一直不能想象和理解它是怎样的一个运算过程。为此我已郁闷很久,在某天与一位大牛的闲聊中无意提起递归,在大牛的讲解举例,琢磨回味一番后,终于算是理解了递归是怎么一回事。不知准不准确,但至少再看到递归调用时,脑子立马清晰呈现递归调用是怎么一回事。

希望对大家有帮助,望批评斧正,共同学习!

解析jQuery中extend方法--源码解析以及递归的过程《二》的更多相关文章

  1. 解析jQuery中extend方法--用法《一》

    extend方法在jQuery中是一个很重要的方法,jQuey内部用它来扩展属性方法.常用语jQuery插件开发. jQuery提供了两个方法,$.extend和$.fn.extend,两个方法内部实 ...

  2. jQuery.extend()方法和jQuery.fn.extend()方法源码分析

    这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下: <!doctype html> ...

  3. Scala 深入浅出实战经典 第65讲:Scala中隐式转换内幕揭秘、最佳实践及其在Spark中的应用源码解析

    王家林亲授<DT大数据梦工厂>大数据实战视频 Scala 深入浅出实战经典(1-87讲)完整视频.PPT.代码下载:百度云盘:http://pan.baidu.com/s/1c0noOt6 ...

  4. Scala 深入浅出实战经典 第60讲:Scala中隐式参数实战详解以及在Spark中的应用源码解析

    王家林亲授<DT大数据梦工厂>大数据实战视频 Scala 深入浅出实战经典(1-87讲)完整视频.PPT.代码下载:百度云盘:http://pan.baidu.com/s/1c0noOt6 ...

  5. Scala 深入浅出实战经典 第48讲:Scala类型约束代码实战及其在Spark中的应用源码解析

    王家林亲授<DT大数据梦工厂>大数据实战视频 Scala 深入浅出实战经典(1-64讲)完整视频.PPT.代码下载:百度云盘:http://pan.baidu.com/s/1c0noOt6 ...

  6. erlang下lists模块sort(排序)方法源码解析(一)

    排序算法一直是各种语言最简单也是最复杂的算法,例如十大经典排序算法(动图演示)里面讲的那样 第一次看lists的sort方法的时候,蒙了,几百行的代码,我心想要这么复杂么(因为C语言的冒泡排序我记得不 ...

  7. Scala 深入浅出实战经典 第61讲:Scala中隐式参数与隐式转换的联合使用实战详解及其在Spark中的应用源码解析

    王家林亲授<DT大数据梦工厂>大数据实战视频 Scala 深入浅出实战经典(1-87讲)完整视频.PPT.代码下载: 百度云盘:http://pan.baidu.com/s/1c0noOt ...

  8. erlang下lists模块sort(排序)方法源码解析(二)

    上接erlang下lists模块sort(排序)方法源码解析(一),到目前为止,list列表已经被分割成N个列表,而且每个列表的元素是有序的(从大到小) 下面我们重点来看看mergel和rmergel ...

  9. Spring Security 解析(七) —— Spring Security Oauth2 源码解析

    Spring Security 解析(七) -- Spring Security Oauth2 源码解析   在学习Spring Cloud 时,遇到了授权服务oauth 相关内容时,总是一知半解,因 ...

随机推荐

  1. 程序员需要有多懒 ?- cocos2d-x 数学函数、常用宏粗整理 - by Glede

    最近我们的cocos2d-x游戏项目已经进入了正式开发的阶段了,几个dev都辛苦码代码.cocos2d-x还是一套比较方便的api的,什么action啊.director啊.ccpoint啊都蛮便捷的 ...

  2. SpringBoot JPA实现增删改查、分页、排序、事务操作等功能

    今天给大家介绍一下SpringBoot中JPA的一些常用操作,例如:增删改查.分页.排序.事务操作等功能.下面先来介绍一下JPA中一些常用的查询操作: //And --- 等价于 SQL 中的 and ...

  3. adb报错:The connection to adb is down, and a severe&nbs

    我觉得这就像是adb的大姨妈一样,不过处理起来还是很easy滴:  1.报错:BUILD FAILEDD:\workspace\ganji\build.xml:144: The following e ...

  4. onethink权限管理 RBAC

    查看了官网的视频,写的不错. 大致熟悉了流程.这里打算自己动手写一个权限的控制

  5. 在ubuntu上安装k-vim

    在ubuntu 上安装k-vim 早就想好好改造一下自己使用的vim了!可惜各种配置都十分复杂,特别是涉及到C语言的语义补全,YouCompleteMe,总是出各种安装问题.今天有人推荐我使用k-vi ...

  6. C# new和override的区别

    浅析C# new和override的区别 C#中new和override是继承中经常用到的两个关键字,但是往往有时候容易把这两个关键字的作用搞混淆. new C# new关键字表示隐藏,是指加上new ...

  7. python获取绑定的IP,并动态指定出口IP

    在做采集器的过程中,经常会遇到IP限制的情况,这时候可以通过切换IP能继续访问. 如果是多IP的服务器,那么可以通过切换出口Ip来实现. 1.首先是如何获取服务器绑定的IP import netifa ...

  8. "SQLServer复制需要有实际的服务器名称才能连接到服务器,请指定实际的服务器名"转

     "SQLServer复制需要有实际的服务器名称才能连接到服务器,请指定实际的服务器名" 2014-06-12 12:01:10 最近在学习SQL SERVER的高级复制技术的时候 ...

  9. YII 1.0 隐藏单入口index.php 设置路由与伪静态

    隐藏 index.php 保证apache配置文件httpd.conf里的LoadModulerewrite_module modules/mod_rewrite.so开启(去掉#)将相对应目录的Al ...

  10. mvn常用指令记录

    maven工程版本号更新: -------------------------------------------------------------------------------------- ...