有一个小任务,要求如下:
// 使用递归来实现一个深度克隆,可以复制一个目标对象,返回一个完整拷贝// 被复制的对象类型会被限制为数字、字符串、布尔、日期、数组、Object对象。不会包含函数、正则对象等题目解析: 深度克隆一个对象。首先明白这里的对象有哪些类型:数字对象,字符串对象,布尔对象,日期对象,数组对象,Object对象。
其中Number,String,Boolean对象是原始对象,String,Date,Array,Object对象是合成对象数字对象的特点:http://www.w3school.com.cn/jsref/jsref_obj_number.asp字符串对象特点:http://www.w3school.com.cn/jsref/jsref_obj_string.asp对于这些原始对象,直接根据类型(可以通过constructor来判断,例如obj.constructor),然后直接创建该类型的对象,并且返回即可:new Number(obj.valueOf()); new Boolean(obj.valueOf());new String(obj.valueOf());对于复杂对象,那么情况就不一样了。例如日期对象,日期对象的讲解:http://www.w3school.com.cn/jsref/jsref_obj_date.asp
new Date(obj)和 new Date(obj.valueOf())均可以。最需要关注的是数组对象和Object对象: 数组对象可以通过new Array或者字面量方式创建,此处推荐使用字面量创建:[];但是在给克隆数组的时候,需要注意一个问题,数组的属性是否克隆?即当var src=[];src.name="gaga";的时候,src的name属性,到底是否克隆过去??我的理解:既然是克隆么,就是一毛一样,一毛一样么,自然要都克隆了。所以在这里用for(var i in src)的方式进行克隆,也是可以理解的。
function cloneObject(src) { if(src == null || src == undefined ||typeof(src) != "object"){ return src; }else{ //为引用类型的 if(src.constructor == Array){//数组 var obj=[]; }else if(src.constructor == Date){//日期 obj = new Date(src); }else{ obj={}; debugger; obj.constructor = src.constructor; obj.__proto__ = Object.getPrototypeOf(src); } for(var i in src){ if(typeof src[i] == "object"){//对象的属性为对象 obj[i] = cloneObject(src[i]);//复制对象给obj }else{ obj[i] = src[i]; } } return obj; }} 参考文档:http://qianduanblog.com/post/js-learning-30-object-clone-copy.html
时间: 2024-12-11 21:19:44