[jQuery] jQuery的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？

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

$.extend( target [, object1 ] [, objectN ] )

指示是否深度合并

 

$.extend( [deep ], target, object1 [, objectN ] )

 

警告: 不支持第一个参数传递 false 。

参数
	

描述

deep
	

可选。 Boolean类型 指示是否深度合并对象，默认为false。如果该值为true，且多个对象的某个同名属性也都是对象，则该"属性对象"的属性也将进行合并。

target
	

Object类型 目标对象，其他对象的成员属性将被附加到该对象上。

object1
	

可选。 Object类型 第一个被合并的对象。

objectN
	

可选。 Object类型 第N个被合并的对象。

 
二、深拷贝代码（把extend函数的第一个参数设置为true）：

    var p = {
    	"id":"007",
    	"name":"刘德华",
    	"wife":{
    		"id":"008",
    		"name":"刘德的妻子",
    		"address":{
    			"city":"北京",
    			"area":"海淀区"
    		}
    	}
    }
     
     
    //深度拷贝的方式（把extend函数的第一个参数设置为true）,把p的属性合并到jQuery（$）上
     
    $.extend(true,$,p);
     
    p.wife.name="张三疯";
    p.wife.address.city="香港";
     
    console.log($.id);
    console.log($.wife.name);
    console.log($.wife.address.city);
     
    console.log(p);

控制台打印结果：

 
三、浅拷贝代码（extend函数里不传入第一个参数，默认为false）：

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题