jquery的extend方法介绍

最新推荐文章于 2022-03-19 22:43:56 发布

原创最新推荐文章于 2022-03-19 22:43:56 发布 · 427 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javaascript #jquery #对象 #合并 #扩展

大前端专栏收录该内容

77 篇文章

订阅专栏

本文介绍了 jQuery 中 extend 方法的使用方式，包括浅拷贝与深拷贝的区别，以及如何利用该方法扩展 jQuery 和 jQuery 的原型对象。

jquery.extend方法用于扩展对象，常用的形式为以下几种：
1.扩展多个对象到指定的对象上
1.1 浅拷贝
1.2 深拷贝

2.扩展单个对象到jquery或jquery的原型上去(只有浅拷贝)

        //1.1 简单(浅拷贝)合并后面对象的属性到第一个对象中去
	/*
	var obj={};
	var obj1={name:"xiaoming",age:20};
	var obj2={name:"jiko",addr:"kolp"};
	var ta=$.extend(obj,obj1,obj2);
	console.log(obj);
	console.log(obj1);
	console.log(obj2);*/
	
	//1.2 深度复制合并后面的对象的属性到第一个对象中去
	/*var obj={};
	var other={ko:"lp"};
	var obj1={name:"xiaoming",age:20,other:other};
	var obj2={name:"jiko",addr:"kolp"};
	var ta=$.extend(true,obj,obj1,obj2);
	other.ko=25;
	console.log(other);
	console.log(obj);
	console.log(obj1);
	console.log(obj2);*/
	
	//2 直接扩展jquery属性,只有浅拷贝没有深拷贝
	/*var other={name:"ko",age:10};
	$.extend({
		jackextend:other
	});
	console.log($.jackextend);
	other.name="29";
	console.log($.jackextend);*/
	
	//3 扩展jquery.fn(原型)属性,只有浅拷贝没有深拷贝
	/*var other={name:"ko",age:10};
	$.fn.extend({
		jackextend:other
	});
	console.log($.fn.jackextend);
	other.name="29";
	console.log($.fn.jackextend);*/