`
yejian235
  • 浏览: 22790 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js 深度克隆

    博客分类:
  • js
阅读更多
js一般有两种不同数据类型的值:

基本类型(包括undefined,Null,boolean,String,Number),按值传递;

引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内存中的地址。例如

var a={"a":1};

var b=a;

b["b"]=2;

console.log(a);//{"a":1,"b":2};

如果你修改b的值,那么a变量的值也发生了变化。

克隆或者拷贝分为2种:浅度克隆(拷贝),深度克隆(拷贝);

浅度克隆:基本类型为值传递,对象仍为引用传递。

深度克隆:所有元素或属性均完全克隆,并于原引用类型完全独立,即,在后面修改对象的属性的时候,原对象不会被修改。



Object.prototype.clone = function(){ 
/*建立一个要空对象*/ 
var cloneObj; 
/*如果元素的构造函数是对象就直接new 如果构造函数是STRING NUMBER等类型 因为直接NEW会得到一个默认值 所以要把原来的东西加进去*/ 
if(this.constructor == Object){ 
cloneObj = new this.constructor(); 
}else{ 
cloneObj = new this.constructor(this.valueOf()); 
} /*如果元素上的属性与构造的不一样,则覆盖*/ 
for(var i in this){ 
if(cloneObj[i] != this[i]){ 
if(typeof (this[i]) == "object"){ 
cloneObj[i] = this[i].clone(); 
}else{ 
cloneObj[i] = this[i]; 
} 
} 
} 
/*返回两个常用的默认方法,可新增,因为toString valueof 是内置对象 无法FOR IN 例遍 CLONEOBJ里的无法比较,所以只能手动*/
cloneObj.toString = this.toString; 
conleObj.valueOf = this.valueOf; 
return cloneObj 
}



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics