参考网址：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. 如何在启用JWT Token授权的.NET Core WebApi项目中下载文件
			
    背景 前几天,做项目的时候遇到一个文件下载的问题.当前系统是一个前后端分离的项目,前端是一个AngularJs项目, 后端是一个.NET Core WebApi项目.后端的Api项目使用了Jwt To ...
    
			
    2. 
						
  2. 深入浅出解读 Java 虚拟机的差别测试技术
			
    本文分享基于字节码种子生成有效.可执行的字节码文件变种,并用于 JVM 实现的差别测试.本文特别提出用于修改字节码语法的classfuzz技术和修改字节码语义的classming技术.上述变种技术系统 ...
    
			
    3. 
						
  3. 4.计算机启动过程的简单介绍     计算机启动流程 计算机BIOS作用  POST 开机自检 计算机启动顺序 分区表 操作系统启动
			
    计算机的启动
    
			
    4. 
						
  4. 微信公众号通过图片选取接口上传到阿里oss
			
    前言 之前写过一篇微信JS-SDK的使用方法,可进行参考 https://www.cnblogs.com/fozero/p/10256862.html 配置并调用公众号接口权限 1.配置权限微信公众号 ...
    
			
    5. 
						
  5. java之equals 与 == 的区别
			
    == : 1.本质:比较的的是地址,栈内存中存放的对象的内存地址. 2.判断引用所指的对象是否是同一个. 3.两边的操作数必须是同一类型的(可父子类)才能编译通过. 4.值类型(int,char,lo ...
    
			
    6. 
						
  6. SQL Server中几种遍历方式比较
			
    SQL遍历解析 在SQL的存储过程,函数中,经常需要使用遍历(遍历table),其中游标.临时表等遍历方法很常用.面对小数据量,这几种遍历方法均可行,但是面临大数据量时,就需要择优选择,不同的遍历方法 ...
    
			
    7. 
						
  7. Android 应用的逆向和审计
			
    Android 应用程序拆解 Android 应用程序是在开发应用程序时创建的数据和资源文件的归档文件. Android 应用程序的扩展名是.apk,意思是应用程序包,在大多数情况下包括以下文件和文件 ...
    
			
    8. 
						
  8. 在IIS上部署你的ASP.NET Core 2.1项目
			
    1.在控制面板→程序→启用或关闭Windows功能→勾选Internet Information Services以及Web管理工具下的IIS管理控制台 2.IIS 安装AspNetCoreModul ...
    
			
    9. 
						
  9. 解决VS2017不连接visual studio emulator for android
			
      参考: http://blog.csdn.net/allen_xu5320/article/details/47280457   查出IP 直接ADB连上去                
    
			
    10. 
						
  10. Easyui datagrid 修改分页组件的分页提示信息为中文
			
    datagrid 修改分页组件的分页提示信息为中文 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 默认分页组件为英文展示,如下,希望改成中文展示  ...
    
			
    11.