参考网址：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. 【Python3爬虫】拉勾网爬虫
			
    一.思路分析: 在之前写拉勾网的爬虫的时候,总是得到下面这个结果(真是头疼),当你看到下面这个结果的时候,也就意味着被反爬了,因为一些网站会有相应的反爬虫措施,例如很多网站会检测某一段时间某个IP的访 ...
    
			
    2. 
						
  2. 初探WebAssembly
			
    1.前言 参加完2018年上海的QCon大会,想到了会议中来自Microsoft的朱力旻大佬讲的WebAssembly,感触颇深. 我之前完全没有了解过WebAssembly,之前没有了解的原因也很简 ...
    
			
    3. 
						
  3. centos6.5-vsftp搭建
			
    我的机子是默认是没有的vsftp. yum install -y vsftp 创建账户专为ftp而生.useradd ftp01 更改账户不可登录系统.usermod -s /sbin/nologin ...
    
			
    4. 
						
  4. 谈谈.NET Core中基于Generic Host来实现后台任务
			
    目录 前言 什么是Generic Host 后台任务示例 控制台形式 消费MQ消息的后台任务 Web形式 部署 IHostedService和BackgroundService的区别 IHostBui ...
    
			
    5. 
						
  5. git合并两个不同的仓库
			
    目前开发是2个仓库,线上仓库online_a(对应的branch分支为online),测试环境online_b(对应的branch分支为demo),测试环境需要时刻保持onine_a上的最新稳定稳定代 ...
    
			
    6. 
						
  6. C# 实现对PPT文档加密、解密以及重置密码的操作
			
    工作中我们会使用到各种各样的文档,其中,PPT起着不可或缺的作用.一份PPT文档里可能包含重要商业计划.企业运营资料或者公司管理资料等.因此,在竞争环境里,企业重要资料的保密工作就显得尤为重要,而对于 ...
    
			
    7. 
						
  7. 我的AI之路
			
    本篇文章会列出在学习AI的路上所读的一些书籍或者其他一些相关内容,主要是用来监督自己,希望自己能够在AI学习上坚持下去. <机器学习 - 周志华> 绪论本章以西瓜为例子,简单的介绍了机器学 ...
    
			
    8. 
						
  8. springboot之JdbcTemplate
			
    springboot可以使用JdbcTemplate进行数据库访问,代码如下 添加pom文件 <parent> <groupId>org.springframework.boo ...
    
			
    9. 
						
  9. Vue的使用
			
    mvc model view controller mvvm m=>model v=>view 双向数据绑定 数据在视图呈现:在表单里用v-model,在表单外用{{}},也可以用v-te ...
    
			
    10. 
						
  10. Dynamics 365权限变化大部署后需要注意什么？
			
    本人微信公众号:微软动态CRM专家罗勇 ,回复292或者20190110可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me!我的网站是 www.luoyong.me . 如果 ...
    
			
    11.