`
luozhonghua2014
  • 浏览: 62333 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多
//整个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;
};

分享到:
评论

相关推荐

    android-percent-support-extend源码

    "android-percent-support-extend" 源码项目是对此官方库的一个扩展,旨在提供更多的自定义功能和灵活性。这个源码库对于想要深入理解Android布局适配和优化的开发者来说,无疑是一份宝贵的学习资料。 首先,让我们...

    PS图片出血扩展插件-Image Extend-1.0.0中文汉化版.zip

    "PS图片出血扩展插件-Image Extend-1.0.0中文汉化版.zip"是专为PS设计的一款插件,用于帮助用户轻松实现图片的出血效果处理。出血在印刷术语中是指图像或设计元素超出最终裁切边缘的部分,以避免在裁切后出现白色...

    foam-extend-4.1第三方库

    《深入理解foam-extend-4.1第三方库在OpenFOAM中的应用》 OpenFOAM,作为一款开源的计算流体动力学(CFD)软件,被广泛应用于工程和科研领域。它提供了丰富的功能和灵活性,使得用户可以对复杂的流体流动问题进行...

    foam-extend-4.1源码

    OpenFoam分支,foam-extend-4.1.zip源码,Ubuntu18.04编译通过,代码来自互联网,为开源程序,用于学习交流。

    jQuery-, jQuery源码解读 -- jQuery v1.10.2.zip

    通过研究`$.fn.extend()`和`$.extend()`,我们可以学习如何编写自己的jQuery插件,以扩展其功能。 8. **性能优化** jQuery v1.10.2在性能上进行了多方面的优化,包括DOM操作的最小化、缓存机制的使用等。通过源码...

    jquery-1.4.2-vsdoc.js/jquery-1.4.4-vsdoc.js

    3. jQuery.extend():这是用于扩展jQuery和自定义对象的方法,可以实现插件开发。注释详细解释了如何使用这个方法。 4. 其他辅助函数:jQuery还提供了一些辅助函数,如`$.each()`、`$.trim()`等,这些函数在vsdoc.js...

    com.guo.android_extend:android-extend:1.0.6

    1. 将 `android-extend-release.aar` 放入项目根目录下的 `libs` 文件夹。 2. 更新项目的 `build.gradle` 文件,添加如下代码来引入本地库: ``` repositories { flatDir { dirs 'libs' } } dependencies { ...

    jquery-source-code-1:jquery源码-jquery source code

    jquery-源代码-1 jquery源码分析(2.0.3版本) 大概内容大纲 (功能(){ (21,94)定义了一些变量和函数jQuery = function(){} (96,284)给JQ对象添加一些方法和属性 (285,347)扩展名:JQ的继承方法 (349,...

    jQuery 源码 文档 插件 集合

    7. **扩展性**: jQuery可以通过`.extend()`方法进行对象扩展,也可通过插件系统增强功能。 **jQuery 源码解析** jQuery源码的结构清晰,主要分为选择器引擎、DOM操作、事件处理、动画、Ajax等模块。源码中大量使用...

    jQuery源码分析(1.7)

    1. **源码结构**:jQuery的核心是一个函数,该函数接受一个文档对象模型(DOM)作为参数,并返回一个包含所有匹配元素的集合。这个函数被称为`jQuery`或`$`。 ```javascript function jQuery(selector, context) { ...

    JQuery源码详细中文注释_Jquery源码分析_

    1. 选择器:jQuery的核心之一是它的CSS选择器,如$("#id")、$(".class")等,这些选择器基于Sizzle引擎实现,能够高效地定位DOM元素。 2. 链式调用:jQuery对象返回的是一个包含多个DOM元素的集合,可以连续调用方法...

    Jquery源码分析 源码

    《jQuery源码分析》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。深入理解其源码对于提升JavaScript编程技能和优化前端性能至关重要。本文将从核心概念、设计...

    2014-10-13-深入理解jQuery(3)——extend1

    在jQuery库中,`jQuery.extend`是一个非常重要的功能,它用于合并或扩展对象。这个方法有两种主要用途:一是实现对象的浅拷贝或深拷贝,二是添加或修改jQuery类和实例的方法。让我们通过源码分析来深入了解这个方法...

    jquery插件库-jquery仿京东商品详情页图片放大效果.zip

    为了实现这些功能,插件可能使用了jQuery的核心API,如`$(selector).on()`来绑定事件,`$.fn.extend()`来扩展jQuery对象,以及`$.ajax()`进行异步图片加载。此外,还可能用到了CSS3的过渡和变换属性来实现平滑的动画...

    com.guo.android_extend android-extend1.0.6.zip

    implementation 'com.guo.android_extend:android-extend:1.0.6'失败,用这个替代就好了 implementation 'com.guo.android_extend:android-extend:1.0.6'失败,用这个替代就好了

    android-extend-1.0.5.aar依赖库com.guo.android_extend

    虹软ArcSoft 人脸识别AndroidDemo中有一个Lib通过公网始终无法下载,替换进去就好了。 依赖替换为 implementation files('libs/android-extend-1.0.5.aar')。 依赖库com.guo.android_extend

    wx-extend 扩展插件

    "wx-extend"是一款专为微信小程序开发设计的扩展插件,它提供了丰富的功能来增强小程序的开发体验。这款插件的核心目标是简化微信小程序的网络请求、Promise API的使用以及表单验证流程,帮助开发者更高效地构建小...

    jquery-migrate-1.2.1.min.js

    1. **jQuery.fn.extend deep merge**: 在某些旧的插件中,可能使用了旧的深合并策略,`jQuery Migrate` 会恢复这个行为。 2. **$.browser**: 这个已经被移除的属性用于检测浏览器类型和版本,`jQuery Migrate` 会...

    jQuery源码分析-03构造jQuery对象

    ### jQuery源码分析—构造jQuery对象 #### 一、源码结构概览 根据所提供的文件内容,本节将深入分析如何构建jQuery对象及其核心构造逻辑。首先,让我们从整体上理解jQuery构造函数的设计思路。 ##### 总体结构 ...

    【1积分】android-extend-1.0.6.aar

    使用方式:把资源放到libs下,在gradle app 中添加 低版本:compile files('libs/android-extend-1.0.6.aar') 高版本:implementation files('libs/android-extend-1.0.6.aar')

Global site tag (gtag.js) - Google Analytics