Object.create实现类继承和克隆对象
2020-07-27 本文已影响0人
春风本是人间客
Object.create实现类继承
先看不用Object.create来实现继承
function Pd(){
}
Pd.prototype = Array.prototype;
Pd.prototype.constructor = Pd;
var pdd = new Pd();
pdd.push(3);
console.log(pdd); // Pd [3] __proto__:Array(0)直接就是真正的数组的__proto__
效果:
image.png用Object.create实现继承
function Pd(){
}
Pd.prototype = Object.create(Array.prototype);
Pd.prototype.constructor = Pd;
var pdd = new Pd();
pdd.push(3);
console.log(pdd); // Pd [3] __proto__:Array[__proto__:Array(0)]就是__proto__里面包含真正的数组的__proto__
效果:
image.png区别
写法:
Pd.prototype = Array.prototype;
和Pd.prototype = Object.create(Array.prototype);
返回值:
-
Pd [3] __proto__:Array(0)
直接就是真正的数组的__proto__
; -
Pd [3] __proto__:Array[__proto__:Array(0)]
就是__proto__
里面包含真正的数组的__proto__
。
用Object.create克隆对象
var obj1 = {a:2,b:{name:'小明'}};
var obj2 = Object.create(obj1);
console.log(obj2); // {}
obj2.a = 3;
obj2.b.name = '小红';
console.log(obj1); // {a:2,b:{name:'小红'}};
结论:obj1对象中的一级对象a:2并没有受影响,但二级对象b已经受影响。所以Object.create克隆的对象也只能实现一级对象的深拷贝。
obj2的具体值:
image.png