`
y1d2y3xyz
  • 浏览: 252811 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery源码-jquery.extend()

阅读更多
源码291~353行,jQuery.extend函数(utils)

jQuery.extend()使用方式有三种:
1.jQuery.extend({...}),参数为一个对象,这种使用方式是把参数的值cp给jQuery对象,这是扩展jQuery最常用的方式,后面很多代码都采用这种方式。
2.jQuery.extend({...},{...}...),参数为多个对象,这种方式是把后面的多个对象的值cp给第一个对象,如果后面对象有和前面对象相同的属性,则后面的覆盖前面的。
3.jQuery.extend(true,{a:{h:22,w:333}},{a:{h:552,s:2532},c:287}),深度cp,递归合并、覆盖、复制的方式。返回结果为{a:{h:552,w:333,s:2532},c:287}


接下来看源码:

jQuery.extend = jQuery.fn.extend = function() {
	var options, name, src, copy, copyIsArray, clone,
		target = arguments[0] || {},//参数目标对象
		i = 1,
		length = arguments.length,//参数长度
		deep = false;//是否为深度复制

	// Handle a deep copy situation
    //如果为深度复制,则目标对象和原对象游标值i,以及深度值都进行更新
	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
    //当参数值长度为1的情况下,目标对象就为jQuery自身
	if ( length === i ) {
		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
                  //深度复制只有属性深度多于俩层的对象关系的结构的,如{a:{s:21,age:11}}或{a:['s'=>21,'age'=>11]}
				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
					if ( copyIsArray ) {//如果是数组对象
						copyIsArray = false;
						clone = src && jQuery.isArray(src) ? src : [];

					} else {//普通对象
						clone = src && jQuery.isPlainObject(src) ? src : {};
					}

					// Never move original objects, clone them
                    // 调用自身进行递归复制
					target[ name ] = jQuery.extend( deep, clone, copy );

				// Don't bring in undefined values
				} else if ( copy !== undefined ) {//非深度CP直接覆盖目标属性
					target[ name ] = copy;
				}
			}
		}
	}

	// Return the modified object
	return target;
};
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics