理解JavaScript继承(三)

时间:2024-10-23 17:34:26

理解JavaScript继承(三)

通过把父对象的属性,全部拷贝给子对象,也能实现继承。

7.浅拷贝

function extendCopy(p) {
    var o = {};
    for (var prop in p) {
      o[prop] = p[prop];
    }
    return o;
}

但是,这样的拷贝有一个问题。那就是,如果父对象的属性等于数组或另一个对象,那么实际上,子对象获得的只是一个内存地址,而不是真正拷贝,因此存在父对象被篡改的可能。所以,extendCopy()只是拷贝基本类型的数据,我们把这种拷贝叫做"浅拷贝"。

8.深拷贝

所谓"深拷贝",就是能够实现真正意义上的数组和对象的拷贝。它的实现并不难,只要递归调用"浅拷贝"就行了。

function deepCopy(o,p) {
    var o = o || {};
    for (var prop in p) {
      if (typeof p[prop] === 'object') {
        o[prop] = (p[prop].constructor === Array) ? [] : {};
        deepCopy(o[prop],p[prop]);
      } else {
         o[prop] = p[prop];
      }
    }
    return o;
}

参考:

**1.javascript权威指南 第六章 对象-属性枚举 **

**2.Javascript面向对象编程(三):非构造函数的继承