jQuery源码——extend()函数

24 篇文章 0 订阅
11 篇文章 0 订阅
jQuery.extend = jQuery.fn.extend = function() {
	var options, name, src, copy, copyIsArray, clone,
		target = arguments[0] || {}, //传来的第一个参数是要合并的对象
		i = 1,
		length = arguments.length, //要合并的对象个数
		deep = false; //一般不是深拷贝


    //这三个if处理不同的传参情况
	// Handle a deep copy situation
	if ( typeof target === "boolean" ) { //获取合并的目标和遍历的位置
		deep = target;
		target = arguments[1] || {};
		// skip the boolean and the target
		i = 2;
	}


	// Handle case when target is a string or something (possible in deep copy)
	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
		target = {};
	}


	// extend jQuery itself if only one argument is passed
	if ( length === i ) { //传了一个参数或者一个参数一个boolean
		target = this;
		--i;
	}


	for ( ; i < length; i++ ) {
		// Only deal with non-null/undefined values
		if ( (options = arguments[ i ]) != null ) {
			// Extend the base object
			for ( name in options ) { //遍历每一项
				src = target[ name ];
				copy = options[ name ];


				// Prevent never-ending loop
				if ( target === copy ) { //如果要合并的对象就是拷贝的对象的话,跳过这一次,防止死循环了
					continue;
				}


				// Recurse if we're merging plain objects or arrays
				//深拷贝的情况
				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { //判断copy是一个plain object的情况或者是一个纯array的情况(而不是类array)
					if ( copyIsArray ) {
						copyIsArray = false;
						clone = src && jQuery.isArray(src) ? src : []; //克隆一份src


					} else {
						clone = src && jQuery.isPlainObject(src) ? src : {};
					}


					// Never move original objects, clone them
					target[ name ] = jQuery.extend( deep, clone, copy ); //递归调用,但是不要在本来的对象上操作,clone出一个对象再此之上操作.把copy搁到clone里面


				// Don't bring in undefined values
				} else if ( copy !== undefined ) { //不是深拷贝,那直接等价过去
					target[ name ] = copy;
				}
			}
		}
	}


	// Return the modified object
	return target;
};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值