参考网址：http://bijian1013.iteye.com/blog/2255037

jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。



注意：1. 如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。
2. 如果多个对象具有相同的属性，则后者会覆盖前者的属性值。


 




 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>$.extend()浅拷贝深拷贝</title>

     <script src="http://apps.bdimg.com/libs/jquery/1.8.1/jquery.min.js"></script>

 </head>

 <body>

 <!--参考网址：http://bijian1013.iteye.com/blog/2255037-->

 <script type="text/javascript">

     $(function () {

         var list = function () {

             this.a = {

                 name : 'zhangshan',

                 age : 28,

                 company : {

                     name : '腾讯',

                     address : '深圳',

                     size : 10000

                 }

             };

             this.b={

                 name : 'lisi',

                 age : 30,

                 company : {

                     name : '阿里巴巴',

                     address : '杭州'

                 },

                 stature : '172cm'

             };

             this.show = function (c) {

                 console.log('a:' + JSON.stringify(this.a));

                 console.log('b:' + JSON.stringify(this.b));

                 console.log('c:' + JSON.stringify(c));

                 console.log('\n')

             }

         };

         /*浅拷贝*/

         q1();

         q2();

         q3();

         /*深拷贝*/

         s1();

         s2();

         s3();

         s4();

         function q1() {

             var q1 = new list;

             var c = $.extend(q1.a,q1.b);

             q1.show(c);

 //            a:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"北京"},"stature":"172cm"}

 //            b:{"name":"test","age":30,"company":{"name":"阿里巴巴","address":"北京"},"stature":"172cm"}

 //            c:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"北京"},"stature":"172cm"}

         };

         function q2() {

             var q2 = new list;

             var c = $.extend(q2.a,q2.b);

             q2.b.name = 'test';

             q2.b.company.address = '北京';

             q2.show(c);

 //            a:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"北京"},"stature":"172cm"}

 //            b:{"name":"test","age":30,"company":{"name":"阿里巴巴","address":"北京"},"stature":"172cm"}

 //            c:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"北京"},"stature":"172cm"}

         };

         function q3() {

             var q3 = new list;

             var c = $.extend({},q3.a,q3.b);

             q3.show(c);

 //            a:{"name":"zhangshan","age":28,"company":{"name":"腾讯","address":"深圳","size":10000}}

 //            b:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州"},"stature":"172cm"}

 //            c:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州"},"stature":"172cm"}

         };

         function s1() {

             var s1 = new list;

             var c = $.extend(true,s1.a,s1.b);

             s1.show(c);

 //            a:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州","size":10000},"stature":"172cm"}

 //            b:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州"},"stature":"172cm"}

 //            c:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州","size":10000},"stature":"172cm"}

         };

         function s2() {

             var s2 = new list;

             var c = $.extend(true,s2.a,s2.b);

             s2.b.name = 'test';

             s2.b.company.address = '北京';

             s2.show(c);

 //            a:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州","size":10000},"stature":"172cm"}

 //            b:{"name":"test","age":30,"company":{"name":"阿里巴巴","address":"北京"},"stature":"172cm"}

 //            c:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州","size":10000},"stature":"172cm"}

         };

         function s3() {

             var s3 = new list;

             var c = $.extend(true,{},s3.a,s3.b);

             s3.show(c);

 //            a:{"name":"zhangshan","age":28,"company":{"name":"腾讯","address":"深圳","size":10000}}

 //            b:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州"},"stature":"172cm"}

 //            c:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州","size":10000},"stature":"172cm"}

         };

         function s4() {

             var s4 = new list;

             var c = $.extend(true,{},s4.a,s4.b);

             s4.a.name = 'zhangshan01';

             s4.b.name = 'lisi01';

             s4.b.company.address = 'shengzhen';

             s4.show(c);

 //            a:{"name":"zhangshan01","age":28,"company":{"name":"腾讯","address":"深圳","size":10000}}

 //            b:{"name":"lisi01","age":30,"company":{"name":"阿里巴巴","address":"shengzhen"},"stature":"172cm"}

 //            c:{"name":"lisi","age":30,"company":{"name":"阿里巴巴","address":"杭州","size":10000},"stature":"172cm"}

         };

     })

 </script>

 </body>

 </html>


												


												


随机推荐
	

    
									
  1. iPhone多次输入错误密码锁机后刷机恢复（原有内容会丢失）
			
    这个操作会完全丢失手机当前存储的资料,已经备份到iTunes的内容,将来可以通过iTunes恢复.已经被自动备份到iCloud的内容,比如通讯录,将来可以自动从iCloud恢复.以前没有备份过的资料, ...
    
			
    2. 
						
  2. 【c#】RabbitMQ学习文档（五）Topic（主题。通配符模式）
			
    (本实例都是使用的Net的客户端,使用C#编写),说明,中文方括号[]表示名词. 在上一个教程中,我们改进了我们的日志记录系统. 没有使用只能够进行虚拟广播的[Fanout]交换机,而是使用了[Dir ...
    
			
    3. 
						
  3. 补习系列(3)-springboot中的几种scope
			
    目标 了解HTTP 请求/响应头及常见的属性: 了解如何使用SpringBoot处理头信息 : 了解如何使用SpringBoot处理Cookie : 学会如何对 Session 进行读写: 了解如何在 ...
    
			
    4. 
						
  4. 基本 SQL 之数据库及表管理
			
    上篇文章,我们基于『数据库』做了一个宏观上的介绍,你应当了解到数据库是在何种背景下,为了解决什么样的问题而诞生的,以及在具体实现下又可以划分哪些中类型. 非关系型数据库的种类很多,我们会在后续的篇章中 ...
    
			
    5. 
						
  5. mac终端代理
			
    终端代理,需要首先有自己的梯子,以下方式需要配合shadowsocks 终端FQ有很多好处,对于一个程序员来说,墙外有很多优秀的代码,走终端可以方便下载和使用- (编程思想强调复用,软件开发避免重复造 ...
    
			
    6. 
						
  6. VS项目发布到本地IIS
			
    一.项目介绍 ①web项目,开发工具Visual Studio,语言C# ②本地IIS,手机上或其他用户在和本地在同一个局域网(并不绝对是指同一个WIFI)内访问,同时要把防火墙关掉 ③IIS全名In ...
    
			
    7. 
						
  7. [android] 创建模拟器遇到的常见错误
			
    1.错误提示: invalid command line sdk安装目录有中文添加ANDROID_SDK_HOME环境变量,指向sdk安装目录2.模拟器无法安装应用模拟器开启其实是开启了的程序占用这个 ...
    
			
    8. 
						
  8. java实现字符串数字部分自增
			
    实现添加员工时对工号进行自增长 思路:后台获取数据库中最后一条员工数据的工号,对其进行自增再传入前端 mybatis映射文件:获取最后一条数据 <select id="getLastN ...
    
			
    9. 
						
  9. WordPress在Centos下Apache设置伪静态方法
			
    1.设置httpd.conf文件 1.1 添加或取消注释这段代码 LoadModule rewrite_module modules/mod_rewrite.so 1.2 运行httpd -M查看这个 ...
    
			
    10. 
						
  10. 忘记时间戳的存在——Yii2超实用的自动更新时间戳的Behavior(改进版)
			
    本文改进了Yii2中内置行为类TimestampBehavior,使得时间戳字段(如created_at,updated_at) 完全自己更新,方便得让你忘记它们的存在. Yii2的内置行为类Time ...
    
			
    11.