参考网址：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. [Leetcode]100. Same Tree -David_Lin
			
    Given two binary trees, write a function to check if they are equal or not. Two binary trees are con ...
    
			
    2. 
						
  2. 一文看懂https如何保证数据传输的安全性的
			
    通过漫画的形式由浅入深带你读懂htts是如何保证一台主机把数据安全发给另一台主机的 对称加密 一禅:在每次发送真实数据之前,服务器先生成一把密钥,然后先把密钥传输给客户端.之后服务器给客户端发送真实数 ...
    
			
    3. 
						
  3. Spring Boot（十一）Redis集成从Docker安装到分布式Session共享
			
    一.简介 Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API,Redis也是技术领域使用最为广泛的存储中间件,它是 ...
    
			
    4. 
						
  4. Spring Boot 2.x（十四）：整合Redis，看这一篇就够了
			
    目录 Redis简介 Redis的部署 在Spring Boot中的使用 Redis缓存实战 寻找组织 程序员经典必备枕头书免费送 Redis简介 Redis 是一个开源的使用 ANSI C 语言编写 ...
    
			
    5. 
						
  5. Spring Boot 2.x （十）：构建优雅的RESTful接口
			
    RESTful 相信在座的各位对于RESTful都是略有耳闻,那么RESTful到底是什么呢? REST(Representational State Transfer)表述性状态转移是一组架构约束条 ...
    
			
    6. 
						
  6. Docker容器运行ASP.NET Core
			
    最近要学习的知识太多,都不知道先学哪些了,原本计划这篇博客是写xamarin.forms中的listview用法,关于listview的用法简书上有一篇介绍的也比较详细,所以暂时先缓一缓,属于次要任务 ...
    
			
    7. 
						
  7. Linux系统命令行整理
			
    1.pwd  查看当前所在目录 2.cd /  跳往根目录 3.ls  查看当前目录所有子目录或文件 4.ls -l  列出当前目录详细信息 5.ls -lh  h=human 人性化列出当前目录详细 ...
    
			
    8. 
						
  8. [PHP] 魔术方法__get __set __sleep __wakeup的实际使用
			
    1.__get __set是在给不可访问属性赋值和读取时,调用 2.__sleep 是在序列化对象的时候调用 3.__wakeup是在反序列化对象的时候调用 4.可以在序列化对象的时候 , 只序列化指 ...
    
			
    9. 
						
  9. JS　无限长form表单提交
			
    1 简介 开发时候,总会遇到根据后台传的变量{组件数}来动态渲染组件的情况,比如后台传命令要绑定10个父子关系,则前台展开十个input组件,后台决定绑定5个福字关系,则前台展开5个input组件．再 ...
    
			
    10. 
						
  10. WEB 实时推送技术的总结
			
    前言 随着 Web 的发展,用户对于 Web 的实时推送要求也越来越高 ,比如,工业运行监控.Web 在线通讯.即时报价系统.在线游戏等,都需要将后台发生的变化主动地.实时地传送到浏览器端,而不需要用 ...
    
			
    11.