参考网址：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. asp.net core 系列 20 EF基于数据模型创建数据库
			
    一.概述 本章使用 Entity Framework Core 构建执行基本数据访问的 ASP.NET Core MVC 应用程序.使用迁移(migrations)基于数据模型创建数据库,是一种cod ...
    
			
    2. 
						
  2. Shiro中的授权问题
			
    在初识Shiro一文中,我们对Shiro的基本使用已经做了简单的介绍,不懂的小伙伴们可以先阅读上文,今天我们就来看看Shiro中的授权问题. Shiro中的授权,大体上可以分为两大类,一类是隐式角色, ...
    
			
    3. 
						
  3. Leetcode：338. Bit位计数
			
    Given a non negative integer number num. For every numbers i in the range 0 ≤ i ≤ num calculate the  ...
    
			
    4. 
						
  4. HBase查询优化之Short-Circuit Local Reads
			
    1.概述 在<HBase查询优化>一文中,介绍了基于HBase层面的读取优化.由于HBase的实际数据是以HFile的形式,存储在HDFS上.那么,HDFS层面也有它自己的优化点,即:Sh ...
    
			
    5. 
						
  5. ThreadPoolExecutor系列一——ThreadPoolExecutor 机制
			
    ThreadPoolExecutor 机制 本文系作者原创,转载请注明出处:http://www.cnblogs.com/further-further-further/p/7681529.html  ...
    
			
    6. 
						
  6. 如何用sysbench做好IO性能测试
			
    sysbench 是一个非常经典的综合性能测试工具,通常都用它来做数据库的性能压测,但也可以用来做CPU,IO的性能测试.而对于IO测试,不是很推荐sysbench,倒不是说它有错误,工具本身没有任何 ...
    
			
    7. 
						
  7. Spring基础系列-参数校验
			
    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9953744.html Spring中使用参数校验 概述 ​ JSR 303中提出了Bea ...
    
			
    8. 
						
  8. wpf,visibility属性的多元素绑定及值转换
			
    visibility实现多元素绑定. 实现多绑定转换 public class VisibilityConverter : IMultiValueConverter { public object C ...
    
			
    9. 
						
  9. Sqlite操作帮助类
			
      sqlite帮助类 using System; using System.Collections.Generic; using System.Linq; using System.Text; us ...
    
			
    10. 
						
  10. break，return和continue三者区别（Java）
			
    一.break用于完全结束一个循环,跳出循环体. 不管是哪种循环,一旦在循环体中遇到break,系统将完全结束循环,开始执行循环之后的代码. class Demo3 { public static v ...
    
			
    11.