您的位置:首页 > Web前端 > JavaScript

JavaScript面向对象编程(10)快速构建继承关系之对象拷贝

2014-12-23 22:54 561 查看
前面的例子我们是通过构造器创建对象,并且希望该对象继承来自另外一个构造器的对象
我们也可以直接面向一个对象来达成继承的目的,使用下属步骤:
1、拷贝一个对象
2、给新对象添加属性

/**
* 通过拷贝继承对象的属性和行为
* @param {Object} p 父对象
*/
function extendCopy(p) {
var c = {};
for (var i in p) {
c[i] = p[i];
}
c.uber = p;
return c;
}


使用起来也比较简单:
var shape = {
name: 'shape',
toString: function() {return this.name;}
}
var twoDee = extendCopy(shape);
twoDee.name = '2D shape';
twoDee.toString = function(){return this.uber.toString() + ', ' + this.name;};

var triangle = extendCopy(twoDee);
triangle.name = 'Triangle';
triangle.getArea = function(){return this.side * this.height / 2;}
//使用继承而来的toString方法
alert(triangle.toString());


至于要深度拷贝,可使用下面的函数
/**
* 深度拷贝
* @param {Object} p  父对象
* @param {Object} c  子对象
*/
function deepCopy(p, c) {
var c = c || {};
for (var i in p) {
if (typeof p[i] === 'object') {
c[i] = (p[i].constructor === Array) ? [] : {};
deepCopy(p[i], c[i]);
} else {
c[i] = p[i];
}
}
return c;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息