首页 > 代码库 > javascript深度克隆与javascript的继承实现
javascript深度克隆与javascript的继承实现
1、javascript深度克隆:
//注意这里的对象包括object和array
function cloneObject(obj){
var o = obj.constructor === Array ? [] : {};
for(var key in obj){
if(obj.hasOwnProperty(key)){
o[key] = typeof obj[key] === "object" ? cloneObject(obj[key]) : obj[key];
}
}
return o;
}
Object.prototype.cloneObject=function(){
var o=this.constructor===Array?[]:{};
for(var key in this){
if(this.hasOwnProperty(key)){
o[key] = typeof this[key] === "object" ? cloneObject(this[key]) : this[key];
}
}
return o;
}
//这个方法只能用于被拷贝的对象中元素中没有引用类型的值。
Object.prototype.cloneObject=function(){
var str=JSON.stringify(this);
return JSON.parse(str);
}
2、javascript的继承实现:
第一种 prototype 引用型原型继承
<script>
function parent(){
this.x=10;
}
function child(){
}
child.prototype=new parent();
var childObj=new child();
alert(childObj.x);
</script>
第二种 类继承 属性抄写
<script>
function parent(){
this.x=10;
}
function child(){
var parentObj=new parent();
for(var p in parentObj)this[p]=parentObj[p];
}
var childObj=new child();
alert(childObj.x);</script>
第三种 类继承 对象冒充
<script>
function parent(){
this.x=10;
}
function child(){
parent.call(this);
}
var childObj=new child();
alert(childObj.x);
</script>
第四种 原型抄写
<script>
function parent(){}
parent.prototype.me=function(){alert("parent")};
function child(){}
for(var p in parent.prototype){
child.prototype[p]=parent.prototype[p];
}
var childObj=new child();
childObj.me();
</script>
第五种 混合方式
混合了call方式、原型链方式
<script>
function Parent(hello){
this.hello = hello;
}
Parent.prototype.sayHello = function(){
alert(this.hello);
}
function Child(world){
Parent.call(this);//将父类的属性继承过来
this.world = world;//新增一些属性
}
Child.prototype = new Parent();//将父类的方法继承过来
Child.prototype.sayWorld = function(){//新增一些方法
alert(this.world);
}
var c = new Child("zhangsan","lisi");
c.sayHello();
c.sayWorld();
</script>
javascript深度克隆与javascript的继承实现