JS面向对象学习笔记（三）

非构造函数的继承

1.什么是“非 构造函数继承”

例如，有两个对象

var Chinese = {
    nation: '中国';
}

var Doctor = {
    career: '医生';
}

如何才能让doctor去继承chinese？
注意：这两个对象都是普通对象，不是构造函数。

object()方法

function object(o) {
    function F() {}
    F.prototype = o;
    return new F();
}

这个函数把子对象的prototype属性，指向父对象，从而使子与父连在一起。

var Doctor = object(Chinese);

Doctor.career = '医生';

alert(Doctor.nation); // 中国

浅拷贝

除了使用prototype链以外，把父对象的属性，全部拷贝给子对象，也能实现继承。

function extendCopy(p){
    var c = {};
    for(var i in p) {
        c[i] = p[i];
    }
    c.uber = p;
    return c;
}

缺点：如果父对象的属性等于数组或另一个对象，那门实际上，子对象获得的只是一个内存地址，因此存在父对象被篡改的可能。

var Doctor = extendCopy(Chinese);
Doctor.career = '医生';
alert(Doctor.nation); // 中国

Chinese.birthPlaces = ['北京','上海','香港'];
var Doctor = extendCopy(Chinese);
Doctor.birthPlaces.push('厦门');

　alert(Doctor.birthPlaces); //北京, 上海, 香港, 厦门
　　alert(Chinese.birthPlaces); //北京, 上海, 香港, 厦门

深拷贝

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;
}

var Doctor = deepCopy(Chinese);
Chinese.birthPlaces = ['北京','上海','香港'];
Doctor.birthPlaces.push('厦门');

alert(Doctor.birthPlaces); //北京, 上海, 香港, 厦门
alert(Chinese.birthPlaces); //北京, 上海, 香港

参考blog:
面向对象