浅谈jQuery源码（八）——$.extend

妖狐艹你老母 2022-06-17 06:57 142阅读 0赞

jQuery的extend()方法由于扩展jQuery功能。通常写一个插件，会利用extend传进来的参数来覆盖插件原有的配置。

jQuery的extend()源码如下：

jQuery.extend = jQuery.fn.extend = function() {
    	var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, i = 1, length = arguments.length, deep = false;
    	if (typeof target === "boolean") { // 第一个参数表示是否要深递归，类型是布尔值
    		deep = target;
    		target = arguments[1] || {};
    		i = 2;
    	}
    	if (typeof target !== "object" && !jQuery.isFunction(target)) 
    		target = {};
    	if (length === i) {
    		target = this;
    		--i;
    	}
    	for (; i < length; i++) { // 可以传入多个复制源
    		if ((options = arguments[i]) != null) {
    			// 将每个源的属性全部复制到target上
    			for (name in options) {
    				src = target[name];
    				copy = options[name];
    				if (target === copy) // 防止有环，如 extend(true, target, {'target':target});
    					continue;
    				if (deep && copy && (jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)))) { // 如果是深复制
    					if (copyIsArray) {
    						copyIsArray = false;
    						clone = src && jQuery.isArray(src) ? src : []; // 克隆原来target上的原属性
    					} 
    					else
    						clone = src && jQuery.isPlainObject(src) ? src : {};
    					target[name] = jQuery.extend(deep, clone, copy); // 递归深复制
    				} 
    				else if (copy !== undefined) 
    					target[name] = copy;
    			}
    		}
    	}
    	return target;
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter浅谈extends、implements、with、extension

![aecfaff235b5049666ee621d528e4941.png][] 本篇博客主要用来总结一下Dart语言中几种类扩展的形式.这篇文章只能算是笔记,做一些总结归

系统管理员/ 2023年01月16日 03:21/ 0 赞/ 194 阅读

相关浅谈jQuery源码（八）——$.extend

jQuery的extend()方法由于扩展jQuery功能。通常写一个插件，会利用extend传进来的参数来覆盖插件原有的配置。 jQuery的extend()源码如下

妖狐艹你老母/ 2022年06月17日 06:57/ 0 赞/ 143 阅读

相关浅谈jQuery源码（七）——$.makeArray

jQuery的makeArray()方法将类数组对象转换为数组对象。 jQuery的makeArray()源码如下： makeArray: function(

小咪咪/ 2022年06月17日 06:54/ 0 赞/ 137 阅读

相关浅谈jQuery源码（六）——$.map

jQuery的map()方法把数组每一项经过callback处理后的值依次加入到返回数组中。 1、map()的用法： $.map( [1,2,3], func

Dear 丶/ 2022年06月17日 06:54/ 0 赞/ 135 阅读

相关浅谈jQuery源码（五）——$.merge

jQuery的merge()方法的作用是修改第一个数组，使得它末尾加上第二个数组。其实，允许第二个参数不为数组。 $.merge(\[0,1,2\], \[2,3,4\])

Dear 丶/ 2022年06月17日 06:53/ 0 赞/ 176 阅读

相关浅谈jQuery源码（四）——$.grep

jQuery的grep()方法是为了传入一个数组elems，通过过滤器callback后，等到过滤后的结果。其中callback就是过滤器，$.grep是根据其返回值过滤； i

「爱情、让人受尽委屈。」/ 2022年06月17日 06:52/ 0 赞/ 227 阅读

相关浅谈jQuery源码（三）——$.inArray

jQuery的inArray()方法在一个数组中查找匹配元素。 jQuery的inArray()源码如下： core_deletedIds = [],

男娘i/ 2022年06月17日 06:50/ 0 赞/ 159 阅读

相关浅谈jQuery源码（二）——$.each

jQuery的each()方法使得遍历一个数组或者对象的代码段变得十分的简洁。 1、each()的用法： 1) each接受2个参数：数组、回调函数（回调函数具有两个

Love The Way You Lie/ 2022年06月17日 06:49/ 0 赞/ 172 阅读

相关浅谈jQuery源码（一）——$.trim

jQuery的trim()方法用来去除字符串两端的空格。 jQuery的trim()源码如下： core_version = "1.9.0", cor

短命女/ 2022年06月17日 06:48/ 0 赞/ 202 阅读

相关 jQuery源码浅谈系列---工具方法$.merge与$.unique

很多人在使用jquery的时候应该多会有array去重或者合并的需求吧，那么你一定对$.merge和$.unique不会陌生吧。 1.$.merge----------

柔情只为你懂/ 2021年05月12日 11:50/ 0 赞/ 358 阅读