插件编写---jquery源码品读之入口extend(1)

简介: //整个extend函数代表着如何寻找过来的参数(可以是任何对象【数组也是对象】),返回需要的对象。在javascirpt中extend理论之一是合并或复制对象。那么如何<pre name="code" class="javascript">复制<span style="font-family: Arial, Helvetica, sans-serif;">呢?基本
//整个extend函数代表着如何寻找过来的参数(可以是任何对象【数组也是对象】),返回需要的对象。在javascirpt中extend理论之一是合并或复制对象。那么如何<pre name="code" class="javascript">复制<span style="font-family: Arial, Helvetica, sans-serif;">呢?基本的理论在我的http://blog.csdn.net/luozhonghua2014/article/details/45790867文章中。jquery源码真实体现了这些理论。读者朋友研究源码,建议除了基本理论外,建议写个插件或直接用jquery的方法去debugger;这样很容易看到jquery如何工作及优点。编写优于jquery的插件或补充是程序员的前端基本功,也是走向高级架构师的入点。</span>
 
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
	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 ) {
		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)) ) ) {
					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 ) {
					target[ name ] = copy;
				}
			}
		}
	}

	// Return the modified object
	return target;
};

目录
相关文章
|
5月前
jQuery+CSS3自动轮播焦点图特效源码
jQuery+CSS3自动轮播焦点图特效源码
59 1
jQuery+CSS3自动轮播焦点图特效源码
|
21天前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
43 2
|
4月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
56 1
|
22天前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
32 4
jQuery Growl 插件(消息提醒)
|
24天前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
34 4
jQuery Cookie 插件
|
16天前
|
移动开发 JSON 数据可视化
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
36 0
|
2月前
|
JavaScript 前端开发
jQuery的作用及入口函数
jQuery的作用及入口函数
15 1
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
Validform jQuery插件详解
【8月更文挑战第21天】
|
4月前
|
JavaScript Perl PHP
一篇文章讲明白jQuery插件之jqueryeditableplugin
一篇文章讲明白jQuery插件之jqueryeditableplugin
30 0
|
4月前
切方块游戏 HTML5+jQuery【附源码】
切方块游戏 HTML5+jQuery【附源码】
36 0